@layer components{*{scroll-behavior:smooth;font-family:Inter,sans-serif}body{color:#fff;overflow-x:hidden}main p,main span:not(.font-bold),main li,main div:not(.font-bold){font-weight:300}h1,h2,h3,h4,h5,h6,.font-bold{font-weight:700}.glassmorphism{-webkit-backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #ffffff4d;box-shadow:0 4px 24px #0003}.hero-gradient{background:radial-gradient(circle,#2563eb26 0%,#0000 70%)}.work-card{flex-direction:column;height:100%;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex}@media (min-width:768px){.work-card{flex-direction:row;align-items:stretch}}.work-card:hover{background:#ffffff14;border:1px solid #01cbffcc;transform:translateY(-8px);box-shadow:0 20px 40px #00000080,0 0 15px #01cbff33}.neon-text{text-shadow:0 0 10px #01cbff80}.neon-btn{background:linear-gradient(135deg,#01cbff1a,#64ffda1a);border:1px solid #01cbff66;transition:all .3s}.neon-btn:hover{background:#01cbff33;border-color:#01cbffcc;box-shadow:0 0 15px #01cbff4d}.btn-premium{color:#01cbff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#01cbff0d;border:1px solid #01cbff4d;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-premium:hover{background:#01cbff26;border-color:#01cbff99;transform:translateY(-2px);box-shadow:0 0 20px #01cbff33,inset 0 0 10px #01cbff1a}.btn-premium-solid{color:#050505;background:linear-gradient(135deg,#01cbffcc,#00b4ffcc);transition:all .3s}.btn-premium-solid:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 10px 20px #01cbff4d}.fade-up{opacity:0;animation:.8s forwards fadeUp;transform:translateY(20px)}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.carousel-container{background:#0003;border-radius:1rem;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}@media (min-width:768px){.carousel-wrapper{flex-shrink:0;width:320px;min-height:480px;position:relative}.carousel-container{border-radius:0;width:100%;height:100%;position:absolute;inset:0;margin-bottom:0!important}}@media (max-width:767px){.carousel-wrapper{width:100%;margin-bottom:1.5rem}.carousel-container{width:100%;height:240px}}.carousel-slides{height:100%;transition:transform .6s cubic-bezier(.4,0,.2,1);display:flex}.carousel-slide{min-width:100%;height:100%}.carousel-slide img{object-fit:cover;width:100%;height:100%}.carousel-dot{background:#ffffff4d;border-radius:50%;width:6px;height:6px;transition:all .3s}.carousel-dot.active{background:#01cbff;border-radius:3px;width:20px}.info-grid-item{background:#ffffff0d;border:1px solid #ffffff1f;border-radius:.75rem;padding:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 1px 1px #ffffff0d}.info-grid-item:hover{background:#ffffff14;border-color:#01cbff66;transform:translateY(-2px);box-shadow:0 8px 20px #0000004d,inset 0 1px 1px #ffffff1a}#global-tooltip{color:#eee;z-index:9999;pointer-events:none;background:#111;border:1px solid #333;max-width:320px;padding:8px 12px;font-size:13px;font-weight:300;line-height:1.5;display:none;position:fixed}.truncate-target{cursor:default}.line-clamp-2{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-1{-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.sort-btn.active{color:#01cbff;background:#01cbff26;border-color:#01cbff80;box-shadow:0 0 15px #01cbff33}.toggle-dot{transition:all .3s cubic-bezier(.4,0,.2,1)}input:checked~.toggle-bg{background-color:#01cbff33;border-color:#01cbff66}input:checked~.toggle-dot{background-color:#01cbff;transform:translate(24px);box-shadow:0 0 10px #01cbff80}.action-bar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #ffffff14;box-shadow:0 8px 32px #0006}.share-container{align-items:center;padding:6px 0;transition:all .3s;display:flex}.share-label{color:#01cbff;align-items:center;gap:6px;margin-right:12px;font-size:13px;font-weight:700;display:flex}@keyframes cardHighlight{0%{border-color:#01cbffcc;box-shadow:0 0 20px #01cbff33}50%{border-color:#01cbffcc;box-shadow:0 0 40px #01cbff66}to{box-shadow:none;border-color:#ffffff14}}.work-card.highlight{animation:2s ease-out forwards cardHighlight}}