@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{--bg-color: #070B14;--bg-secondary: #0D1424;--bg-glass: rgba(7, 11, 20, .75);--bg-card-glass: rgba(12, 20, 40, .55);--text-primary: #E8ECF4;--text-secondary: #8A94A6;--text-tertiary: #4A5568;--accent-color: #00FFA3;--accent-secondary: #00D4FF;--accent-warm: #FF6B35;--border-color: rgba(0, 255, 163, .08);--border-glass: rgba(0, 255, 163, .12);--border-hover: rgba(0, 255, 163, .3);--card-bg: #0D1424;--card-hover: #111B2E;--glow-1: rgba(0, 255, 163, .15);--glow-2: rgba(0, 212, 255, .1);--glow-accent: rgba(0, 255, 163, .4);--transition-speed: .3s;--font-family: "Outfit", sans-serif;--font-mono: "JetBrains Mono", monospace;--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .4);--card-radius: 16px;--grid-color: rgba(0, 212, 255, .03);--skeleton-bg: rgba(255, 255, 255, .05);--skeleton-shimmer: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, 0) 100%)}[data-theme=light]{--bg-color: #F0F2F8;--bg-secondary: #E4E8F0;--bg-glass: rgba(240, 242, 248, .75);--bg-card-glass: rgba(255, 255, 255, .7);--text-primary: #0A0F1C;--text-secondary: #4A5568;--text-tertiary: #8A94A6;--accent-color: #00B377;--accent-secondary: #0099CC;--border-color: #E0E4EB;--border-glass: #E0E4EB;--border-hover: rgba(0, 179, 119, .3);--card-bg: #ffffff;--card-hover: #F8FAFF;--glow-1: rgba(0, 179, 119, .1);--glow-2: rgba(0, 153, 204, .08);--glow-accent: rgba(0, 179, 119, .25);--glass-shadow: 0 8px 32px 0 rgba(10, 15, 28, .06);--grid-color: rgba(0, 179, 119, .04);--skeleton-bg: rgba(0, 0, 0, .05);--skeleton-shimmer: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .05) 50%, rgba(0, 0, 0, 0) 100%)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-primary);transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;position:relative;overflow-x:hidden}.ambient-glow{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;overflow:hidden;pointer-events:none}.ambient-glow:before{content:"";position:absolute;width:100%;height:100%;background-image:linear-gradient(var(--grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-color) 1px,transparent 1px);background-size:60px 60px;animation:gridDrift 30s linear infinite;opacity:1}.ambient-glow:after{content:"";position:absolute;width:50vw;height:50vw;max-width:600px;max-height:600px;border-radius:50%;filter:blur(120px);animation:float 25s infinite ease-in-out;opacity:.6;top:-15%;left:-10%;background:radial-gradient(circle,var(--glow-1) 0%,transparent 70%)}@keyframes gridDrift{0%{transform:translate(0)}to{transform:translate(60px,60px)}}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-50px) scale(1.05)}66%{transform:translate(-30px,30px) scale(.95)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}body:after{content:"";position:fixed;bottom:-15%;right:-10%;width:50vw;height:50vw;max-width:500px;max-height:500px;border-radius:50%;filter:blur(120px);background:radial-gradient(circle,var(--glow-2) 0%,transparent 70%);animation:float 25s infinite ease-in-out;animation-delay:-12s;opacity:.5;pointer-events:none;z-index:-1}a{color:inherit;text-decoration:none;transition:color var(--transition-speed) ease}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}img{max-width:100%;height:auto;display:block}::selection{background-color:var(--accent-color);color:var(--bg-color)}.mono{font-family:var(--font-mono)}.hud-frame{position:relative}.hud-frame:before,.hud-frame:after{content:"";position:absolute;width:12px;height:12px;border-color:var(--border-glass);border-style:solid;transition:border-color var(--transition-speed) ease;pointer-events:none}.hud-frame:before{top:-1px;left:-1px;border-width:1px 0 0 1px}.hud-frame:after{bottom:-1px;right:-1px;border-width:0 1px 1px 0}.hud-frame:hover:before,.hud-frame:hover:after{border-color:var(--accent-color)}.app-container{max-width:1200px;margin:0 auto;padding:0 5%;position:relative}@media(min-width:768px){.app-container{padding:0 40px}}.main-content{min-height:70vh}.navbar{padding:1.25rem 0;width:100%;position:sticky;top:0;z-index:10000;background-color:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-glass);transition:all .4s cubic-bezier(.16,1,.3,1)}.navbar.is-scrolled{padding:.8rem 0;background-color:#070b14f2;box-shadow:0 4px 30px #0000004d}[data-theme=light] .navbar.is-scrolled{background-color:#fffffff2;box-shadow:0 4px 30px #0000000d}.navbar-container{max-width:1200px;margin:0 auto;padding:0 5%;display:flex;justify-content:space-between;align-items:center}@media(min-width:768px){.navbar-container{padding:0 40px}}.navbar-left{display:flex;align-items:center;flex:1;min-width:0;margin-right:1rem}.logo{font-size:1.4rem;font-weight:700;letter-spacing:-.02em;font-family:var(--font-family);transition:all .4s cubic-bezier(.16,1,.3,1)}.logo.is-hidden{display:none}.project-header{display:none;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.9rem;color:var(--text-primary);min-width:0;width:100%}.project-header.is-visible{display:flex;animation:slideUpFade .4s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideUpFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.project-back{color:var(--text-secondary)}.project-dot{color:var(--accent-color);font-size:1.2rem}.project-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}@media(max-width:480px){.project-back,.project-dot{display:none}}.logo-dot{color:var(--accent-color);text-shadow:0 0 8px var(--glow-accent)}.navbar-actions{display:flex;align-items:center;gap:1.5rem}.navbar-links{display:none;align-items:center;gap:1.5rem}@media(min-width:768px){.navbar-links{display:flex}}.nav-link{font-family:var(--font-mono);font-size:.85rem;font-weight:500;color:var(--text-secondary);letter-spacing:.02em;transition:color var(--transition-speed) ease,text-shadow var(--transition-speed) ease;position:relative;padding-bottom:2px}.nav-link:after{content:"";position:absolute;width:0;height:1px;bottom:0;left:0;background:var(--accent-color);box-shadow:0 0 6px var(--glow-accent);transition:width .3s ease}.nav-link:hover{color:var(--accent-color);text-shadow:0 0 12px var(--glow-1)}[data-theme=light] .nav-link:hover{color:var(--text-primary);text-shadow:none;background-color:var(--glow-accent);border-radius:4px}.nav-link:hover:after{width:100%}.theme-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--card-radius);background:var(--card-bg);border:1px solid var(--border-glass);color:var(--text-secondary);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all var(--transition-speed) ease;position:relative;z-index:10002}.theme-toggle:hover{color:var(--accent-color);border-color:var(--border-hover);box-shadow:0 0 16px var(--glow-1)}[data-theme=light] .theme-toggle:hover{color:var(--bg-color);background-color:var(--accent-color);border-color:var(--accent-color);box-shadow:0 0 16px var(--glow-1)}.mobile-menu-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:none;color:var(--text-primary);cursor:pointer;position:relative;z-index:10002;transition:color .3s ease}@media(min-width:768px){.mobile-menu-toggle{display:none}}.mobile-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:#070b14e6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:10001;opacity:0;visibility:hidden;transition:all .5s cubic-bezier(.4,0,.2,1)}.mobile-menu-overlay.is-open{opacity:1;visibility:visible}.mobile-menu-content{display:flex;flex-direction:column;justify-content:center;height:100%;padding:0 10%}.mobile-menu-links{display:flex;flex-direction:column;gap:2.5rem}.mobile-nav-link{display:flex;align-items:baseline;gap:1.5rem;text-decoration:none;transform:translateY(20px);opacity:0;transition:all .5s cubic-bezier(.4,0,.2,1)}.mobile-menu-overlay.is-open .mobile-nav-link{transform:translateY(0);opacity:1}.mobile-menu-overlay.is-open .mobile-nav-link:nth-child(1){transition-delay:.1s}.mobile-menu-overlay.is-open .mobile-nav-link:nth-child(2){transition-delay:.2s}.mobile-menu-overlay.is-open .mobile-nav-link:nth-child(3){transition-delay:.3s}.link-number{font-family:var(--font-mono);font-size:.9rem;color:var(--accent-color);font-weight:500}.link-text{font-size:clamp(2rem,8vw,3.5rem);font-weight:700;color:var(--text-primary);letter-spacing:-.02em;transition:color .3s ease,transform .3s ease}.mobile-nav-link:hover .link-text{color:var(--accent-color);transform:translate(10px)}[data-theme=light] .mobile-menu-overlay{background:#ffffffe6}.scroll-progress-container{position:absolute;bottom:-4px;left:0;width:100%;height:4px;background:transparent;overflow:hidden;pointer-events:none;z-index:10001}.scroll-progress-bar{height:100%;background:linear-gradient(90deg,var(--accent-color),var(--accent-secondary));box-shadow:0 0 10px var(--glow-accent);transition:width .1s ease-out}[data-theme=light] .scroll-progress-bar{box-shadow:none}.footer{padding:6rem 5% 3rem;width:100%;max-width:1200px;margin:0 auto;margin-top:4rem;position:relative}.footer:before{content:"";position:absolute;top:0;left:5%;right:5%;height:1px;background:linear-gradient(90deg,transparent 0%,var(--border-glass) 15%,var(--accent-color) 50%,var(--border-glass) 85%,transparent 100%);opacity:.5}[data-theme=light] .footer:before{background:linear-gradient(90deg,transparent 0%,var(--border-color) 15%,var(--border-color) 50%,var(--border-color) 85%,transparent 100%);opacity:1}@media(min-width:768px){.footer{padding:8rem 40px 3rem}.footer:before{left:40px;right:40px}}.footer-container{display:flex;flex-direction:column;gap:4rem}.footer-heading{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;line-height:1.1;letter-spacing:-.03em;margin-bottom:2rem}.footer-tagline{font-family:var(--font-mono);font-size:clamp(1rem,2vw,1.25rem);font-weight:500;position:relative;display:inline-block;color:var(--accent-color);margin-bottom:2rem}[data-theme=light] .footer-tagline{color:var(--text-primary);background-color:var(--glow-accent);padding:.25rem .5rem;border-radius:4px}.footer-tagline .blink{display:inline-block;width:2px;height:1em;background:var(--accent-color);box-shadow:0 0 6px var(--glow-accent);animation:cursorBlink 1s infinite;margin-right:.2em;vertical-align:text-bottom}.footer-cta-wrapper{margin-top:1rem}.email-cta-button{display:inline-flex;align-items:center;justify-content:center;background-color:transparent;color:var(--accent-color)!important;border:1px solid var(--accent-color);font-size:1.1rem;font-weight:600;padding:1rem 3rem;border-radius:100px;text-decoration:none;transition:all var(--transition-speed) ease}[data-theme=light] .email-cta-button{color:var(--text-primary)!important;border-color:var(--text-primary)}.email-cta-button:hover{background-color:var(--accent-color);color:#0a0f1c!important;transform:translateY(-4px);box-shadow:0 8px 24px var(--glow-accent)}[data-theme=light] .email-cta-button:hover{background-color:var(--text-primary);color:var(--bg-default)!important;box-shadow:0 8px 24px #00000026}.footer-bottom{display:flex;flex-direction:column;gap:2rem}@media(min-width:768px){.footer-bottom{flex-direction:row;justify-content:space-between;align-items:flex-end}}.social-links{display:flex;gap:1.5rem}.social-link{font-family:var(--font-mono);font-size:.85rem;font-weight:500;color:var(--text-secondary);transition:color var(--transition-speed) ease,text-shadow var(--transition-speed) ease}.social-link:hover{color:var(--accent-color);text-shadow:0 0 12px var(--glow-1)}[data-theme=light] .social-link{padding:.2rem .6rem;border-radius:4px}[data-theme=light] .social-link:hover{color:var(--text-primary);text-shadow:none;background-color:var(--glow-accent)}.copyright{font-size:.8rem;color:var(--text-tertiary);font-family:var(--font-mono)}.skeleton{position:relative;overflow:hidden;background-color:var(--skeleton-bg);border-radius:4px;display:block}.skeleton.circular{border-radius:50%}.skeleton.rectangular{border-radius:var(--card-radius)}.skeleton.text{height:1em;margin-bottom:.5em;border-radius:4px}.skeleton-shimmer{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--skeleton-shimmer);animation:shimmer 1.5s infinite}.hero{padding:8rem 0 4rem;max-width:900px;position:relative}.hero-content{position:relative;z-index:1}.hero-eyebrow{font-family:var(--font-mono);font-size:.8rem;font-weight:500;color:var(--accent-color);letter-spacing:.1em;text-transform:uppercase;margin-bottom:1.5rem;display:inline-flex;align-items:center;gap:.5rem}[data-theme=light] .hero-eyebrow{background:var(--glow-accent);color:var(--text-primary);padding:.25rem .5rem;border-radius:4px}.hero-eyebrow .blink{display:inline-block;width:2px;height:14px;background:var(--accent-color);box-shadow:0 0 6px var(--glow-accent);animation:cursorBlink 1s infinite}.hero-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;line-height:1.15;letter-spacing:-.025em;margin-bottom:2rem;color:var(--text-primary);display:flex;flex-direction:column}.hero-title-line{display:block;opacity:0;transform:translate3d(40px,0,0);will-change:transform,opacity}.hero.is-visible .hero-title-line{animation:slideInLeft .8s cubic-bezier(.16,1,.3,1) forwards}.hero.is-visible .hero-title-line:nth-child(1){animation-delay:.1s}.hero.is-visible .hero-title-line:nth-child(2){animation-delay:.25s}.hero.is-visible .hero-title-line:nth-child(3){animation-delay:.4s}@keyframes slideInLeft{0%{opacity:0;transform:translate3d(40px,0,0)}to{opacity:1;transform:translateZ(0)}}.hero-title .highlight{color:var(--accent-color);text-shadow:0 0 12px var(--glow-1)}[data-theme=light] .hero-title .highlight{color:var(--text-primary);background-color:var(--glow-accent);padding:0 .15em;border-radius:4px;text-shadow:none}.hero-inline-img{display:inline-block;height:1em;width:2em;object-fit:cover;border-radius:100px;vertical-align:middle;margin:0 .15em;position:relative;top:-.05em;box-shadow:0 4px 12px var(--glow-1);border:2px solid var(--border-glass);transition:transform var(--transition-speed) ease}.hero-inline-img:hover{transform:scale(1.05)}.hero-subtitle{font-size:clamp(1rem,2vw,1.15rem);line-height:1.7;color:var(--text-secondary);max-width:720px;font-weight:300;opacity:0;transform:translateY(10px);transition:opacity .8s ease,transform .8s ease;transition-delay:.6s}.hero.is-visible .hero-subtitle{opacity:1;transform:translateY(0)}.hero-subtitle strong{color:var(--text-primary);font-weight:500}.hero-scroll-indicator{position:absolute;bottom:-2rem;left:0;display:flex;align-items:center;gap:.75rem;color:var(--text-tertiary);font-family:var(--font-mono);font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.scroll-line{width:32px;height:1px;background:var(--text-tertiary);position:relative;overflow:hidden}.scroll-line:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--accent-color);animation:scrollPulse 2s infinite ease-in-out}@keyframes scrollPulse{0%{left:-100%}50%{left:100%}to{left:100%}}@media(min-width:768px){.hero{padding:12rem 0 6rem}}.case-study-card{display:flex;flex-direction:column;gap:1.25rem;padding:1.25rem;border-radius:var(--card-radius);background:var(--bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);box-shadow:var(--glass-shadow);transition:transform var(--transition-speed) ease,border-color var(--transition-speed) ease,box-shadow var(--transition-speed) ease;will-change:transform;position:relative;overflow:hidden}.case-study-card:hover{transform:translateY(-4px);border-color:var(--border-hover);box-shadow:0 12px 32px var(--glow-1)}.card-image-wrapper{overflow:hidden;border-radius:calc(var(--card-radius) - 4px);background-color:var(--bg-secondary);aspect-ratio:16 / 9;position:relative}.card-image{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1),opacity .4s ease}.card-image.is-loading{opacity:0}.card-image.is-loaded{opacity:1}.case-study-card:hover .card-image{transform:scale(1.03)}.card-content{display:flex;flex-direction:column;gap:.5rem;padding:0 .5rem .5rem}.card-title{font-size:clamp(1.2rem,2vw,1.5rem);font-weight:500;color:var(--text-primary);letter-spacing:-.01em}.card-tags{display:flex;flex-wrap:wrap;gap:.5rem}.card-tag{font-family:var(--font-mono);font-size:.75rem;color:var(--text-tertiary);letter-spacing:.03em}.card-tag:not(:last-child):after{content:" /";color:var(--border-hover);margin-left:.25rem}.fade-in-section{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}.fade-in-section.direction-up{transform:translateY(40px)}.fade-in-section.direction-down{transform:translateY(-40px)}.fade-in-section.direction-left{transform:translate(-40px)}.fade-in-section.direction-right{transform:translate(40px)}.fade-in-section.direction-none{transform:none}.fade-in-section.is-visible{opacity:1;transform:none}.portfolio-grid-section{padding:4rem 0 10rem}.portfolio-grid{display:flex;flex-direction:column;gap:3rem}@media(min-width:768px){.portfolio-grid{gap:4rem}}.about-page{position:relative;width:100%;margin:0 auto;padding:2rem 0 5rem;max-width:var(--max-width, 1200px);color:var(--text-primary)}.about-nav{display:flex;justify-content:flex-start;align-items:center;margin-bottom:4rem;opacity:0;transform:translateY(20px);animation:slideUpFade .6s ease forwards}.about-hero{display:flex;flex-direction:column;margin-bottom:6rem;gap:3rem}@media(min-width:768px){.about-hero{display:grid;grid-template-columns:1fr 1.25fr;align-items:center;gap:4rem}}.about-media-container{width:100%;aspect-ratio:4 / 3;border-radius:var(--card-radius);border:2px solid var(--border-glass);overflow:hidden;position:relative;box-shadow:0 12px 32px var(--glow-accent);background:transparent;-webkit-mask-image:-webkit-radial-gradient(white,black);mask-image:radial-gradient(#fff,#000);transform:translateZ(0);transition:box-shadow .3s ease,border-color .3s ease}.about-media-container:hover{box-shadow:0 16px 40px var(--glow-accent);border-color:var(--border-hover)}.about-profile-image{width:100%;height:100%;object-fit:cover;display:block;object-position:center 25%;transform:scale(1.01);transition:transform .6s cubic-bezier(.165,.84,.44,1),opacity .4s ease;will-change:transform,opacity}.about-profile-image.is-loading{opacity:0}.about-profile-image.is-loaded{opacity:1}.about-media-container:hover .about-profile-image{transform:scale(1.03)}.about-title .blink{display:inline-block;width:2px;height:1em;background:var(--accent-color);box-shadow:0 0 6px var(--glow-accent);animation:cursorBlink 1s infinite;margin-right:.2em;vertical-align:text-bottom}.about-intro{display:flex;flex-direction:column;max-width:800px}.about-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;line-height:1.1;letter-spacing:-.03em;margin-bottom:1rem;color:var(--text-primary)}.about-subtitle{font-size:clamp(1.1rem,2vw,1.25rem);line-height:1.6;color:var(--accent-color);font-weight:500}[data-theme=light] .about-subtitle{color:var(--text-primary);background-color:var(--glow-accent);padding:.25rem .5rem;border-radius:4px;display:inline-block}.about-section{margin-bottom:5rem}.section-heading{font-size:clamp(1.5rem,3vw,2rem);font-weight:600;margin-bottom:2rem;color:var(--text-primary);display:flex;align-items:center;gap:1rem}.section-heading:before{content:"";display:block;width:20px;height:2px;background:var(--accent-color)}.section-content{font-size:1.1rem;line-height:1.8;color:var(--text-secondary);display:flex;flex-direction:column;gap:1.5rem}.section-content strong{color:var(--text-primary);font-weight:600}.about-list{list-style-type:none;padding-left:0;display:flex;flex-direction:column;gap:1rem}.about-list li{position:relative;padding-left:2rem}.about-list li:before{content:"→";position:absolute;left:0;color:var(--accent-color);font-family:var(--font-mono)}.recognition-card{background:var(--bg-glass);border:1px solid var(--border-color);border-radius:16px;padding:2rem;margin-top:1rem;box-shadow:var(--glass-shadow);position:relative;overflow:hidden}.recognition-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--accent-color)}.recognition-title{font-size:1.1rem;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--accent-color);margin-bottom:1rem}.skills-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:768px){.skills-grid{grid-template-columns:repeat(3,1fr)}}.skills-grid>.fade-in-section{display:flex;flex-direction:column;height:100%}.skill-category{background:var(--bg-glass);border:1px solid var(--border-color);padding:2.5rem 2rem;border-radius:16px;border:2px solid var(--border-glass);box-shadow:var(--glass-shadow);transition:transform var(--transition-speed) ease,opacity .4s ease,box-shadow var(--transition-speed) ease;position:relative;overflow:hidden;height:100%;display:flex;flex-direction:column}.hero-inline-img.is-loading{opacity:0}.hero-inline-img.is-loaded{opacity:1}.hero-inline-img-container{display:inline-flex;position:relative;vertical-align:middle;width:2em;height:1em;margin:0 .15em;top:-.05em}.skill-category:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent-color),var(--accent-secondary));opacity:.5;transition:opacity .3s ease}.skill-category:hover:before{opacity:1}.skill-category:hover{transform:translateY(-4px);box-shadow:0 12px 32px var(--glow-1);border-color:var(--border-hover)}.skill-category h3{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.skill-category p{font-size:1rem;line-height:1.6;color:var(--text-secondary)}.about-cta-section{display:flex;flex-direction:column;gap:1.5rem;align-items:flex-start;margin-top:6rem}@media(min-width:600px){.about-cta-section{flex-direction:row;justify-content:flex-start}}.cta-button{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;border-radius:100px;text-decoration:none;transition:all var(--transition-speed) ease;width:100%}@media(min-width:600px){.cta-button{width:auto}}.cta-button.primary{background-color:var(--accent-color);color:#0a0f1c!important;box-shadow:0 4px 16px var(--glow-accent)}.cta-button.primary:hover{transform:translateY(-4px);box-shadow:0 8px 24px var(--glow-accent)}[data-theme=light] .cta-button.primary{color:#fff!important}.cta-button.secondary{background-color:transparent;color:var(--text-primary);border:2px solid var(--border-color)}.cta-button.secondary:hover{background-color:var(--bg-glass);border-color:var(--accent-color);color:var(--accent-color)}[data-theme=light] .cta-button.secondary{background-color:var(--card-bg)}[data-theme=light] .cta-button.secondary:hover{background-color:var(--bg-secondary)}.interactive-dual-video{display:flex;gap:2rem;align-items:center;justify-content:center;width:100%;margin:2rem 0}.video-wrapper{position:relative;border-radius:16px;overflow:hidden;cursor:pointer;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s ease,opacity .4s ease,border-color .4s ease;background:#ffffff08;border:1px solid rgba(255,255,255,.08);box-shadow:0 0 0 1px #ffffff0d}.video-wrapper:before,.video-wrapper:after{content:"";position:absolute;width:12px;height:12px;border:1px solid transparent;transition:border-color .4s ease;z-index:10;pointer-events:none}.video-wrapper:before{top:-1px;left:-1px;border-top-color:var(--accent-secondary);border-left-color:var(--accent-secondary);opacity:0}.video-wrapper:after{bottom:-1px;right:-1px;border-bottom-color:var(--accent-secondary);border-right-color:var(--accent-secondary);opacity:0}.video-wrapper.active:before,.video-wrapper.active:after{opacity:1}.video-wrapper.inactive{opacity:.5;transform:scale(.96);filter:grayscale(40%)}.video-wrapper.active{opacity:1;transform:scale(1);box-shadow:0 10px 40px #00d4ff26,inset 0 0 20px #00d4ff0d;border-color:#00d4ff4d;filter:grayscale(0%);z-index:5}.mobile-wrapper{flex:0 0 30%;max-width:320px;aspect-ratio:9/16}.desktop-wrapper{flex:0 0 65%;max-width:900px;aspect-ratio:16/9}.dual-video-element{width:100%;height:100%;object-fit:contain;display:block;background:#000;transition:opacity .4s ease}.dual-video-element.is-loading{opacity:0}.dual-video-element.is-loaded{opacity:1}.dual-skeleton{position:absolute;top:0;left:0;z-index:2}.play-button-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#070b1480;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:opacity .3s ease}.play-icon{width:72px;height:72px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff0d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);color:var(--text-primary);box-shadow:0 8px 32px #0000004d;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),background .3s ease,border-color .3s ease,color .3s ease}.play-icon svg{margin-left:4px}.video-wrapper:hover .play-icon{transform:scale(1.15);background:#00d4ff26;border-color:var(--accent-color);color:var(--accent-color);box-shadow:0 0 20px #00d4ff66}@media(max-width:900px){.interactive-dual-video{flex-direction:column}.mobile-wrapper{flex:0 0 auto;width:100%;max-width:300px}.desktop-wrapper{flex:0 0 auto;width:100%}}.media-modal-overlay{position:fixed;inset:0;background:#070b14d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:2rem;animation:modalFadeIn .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.media-modal-content{position:relative;max-width:90vw;max-height:90vh;width:auto;height:auto;display:flex;align-items:center;justify-content:center;animation:modalScaleUp .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes modalScaleUp{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.media-modal-close{position:absolute;top:-40px;right:-40px;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);color:var(--text-primary);width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:10000}.media-modal-close:hover{background:#ffffff1a;color:var(--accent-color);border-color:var(--accent-color);transform:scale(1.1)}.media-modal-container{position:relative;border-radius:8px;overflow:hidden;box-shadow:0 0 0 1px #ffffff1a,0 20px 60px #00000080}.media-modal-container:before,.media-modal-container:after{content:"";position:absolute;width:20px;height:20px;border:2px solid transparent;pointer-events:none;z-index:10}.media-modal-container:before{top:0;left:0;border-top-color:var(--accent-secondary);border-left-color:var(--accent-secondary)}.media-modal-container:after{bottom:0;right:0;border-bottom-color:var(--accent-secondary);border-right-color:var(--accent-secondary)}.media-modal-asset{max-width:100%;max-height:90vh;object-fit:contain;display:block}@media(max-width:768px){.media-modal-overlay{padding:1rem}.media-modal-close{top:-40px;right:0}}.ba-carousel{width:100%}.ba-carousel-viewport{position:relative;overflow:hidden;border-radius:16px;background:#ffffff05;border:1px solid rgba(255,255,255,.06)}.ba-case-content{padding:2rem}.ba-images-row{display:flex;gap:1.5rem;align-items:stretch}.ba-image-col{flex:1;display:flex;flex-direction:column;gap:.5rem}.ba-label{font-family:var(--font-mono);font-size:.7rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;padding:4px 10px;border-radius:4px;display:inline-block;width:fit-content}.before-label{background:#ff646426;color:#ff6b6b;border:1px solid rgba(255,100,100,.3)}.after-label{background:#00e67626;color:var(--accent-secondary);border:1px solid rgba(0,230,118,.3)}.ba-image-frame{border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:#0000004d;flex:1;display:flex}.ba-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.ba-case-info{text-align:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.06)}.ba-case-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap}.ba-case-tag{font-family:var(--font-mono);font-size:.65rem;font-weight:700;letter-spacing:.12em;padding:3px 10px;border-radius:4px;background:#ffc10726;color:#ffc107;border:1px solid rgba(255,193,7,.3)}.ba-case-desc{color:var(--text-secondary);font-size:.95rem;margin-top:.5rem;max-width:600px;margin-left:auto;margin-right:auto}.ba-dots{display:flex;justify-content:center;gap:.5rem;margin-top:1.5rem}.ba-dot{width:28px;height:6px;border-radius:3px;border:none;cursor:pointer;background:#ffffff26;transition:all .3s ease;padding:0}.ba-dot:hover{background:#ffffff4d}.ba-dot.active{width:40px;background:var(--accent-color);box-shadow:0 0 10px #00d4ff66}@media(max-width:768px){.ba-images-row{flex-direction:column}.ba-case-content{padding:1rem}}.password-protect-container{width:100%;min-height:400px;display:flex;align-items:center;justify-content:center;border-radius:var(--card-radius, 24px);margin:2rem 0;padding:3rem 1.5rem;text-align:center;background:var(--bg-card-glass);border:1px solid var(--border-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--glass-shadow)}.lock-icon-wrapper{margin-bottom:1.5rem;color:var(--accent-color);opacity:.9}.password-protect-content h3{font-size:1.5rem;font-weight:600;margin-bottom:.75rem;letter-spacing:-.02em;color:var(--text-primary)}.password-protect-content p{font-size:.95rem;color:var(--text-secondary);margin-bottom:2rem;max-width:320px;margin-left:auto;margin-right:auto;line-height:1.5}.password-form{width:100%;max-width:320px;margin:0 auto}.input-group{display:flex;gap:8px;background:var(--bg-secondary);padding:6px;border-radius:12px;border:1px solid var(--border-color);transition:border-color .2s ease,box-shadow .2s ease}.input-group:focus-within{border-color:var(--accent-color);box-shadow:0 0 0 2px var(--glow-1)}.password-form input{flex:1;background:transparent;border:none;padding:10px 14px;color:var(--text-primary);font-size:.95rem;outline:none}.password-form input::placeholder{color:var(--text-tertiary)}.unlock-button{background:var(--text-primary);color:var(--bg-color);border:none;padding:0 20px;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:transform .2s ease,opacity .2s ease,background-color .2s ease}.unlock-button:hover{transform:scale(1.02);opacity:.9}.unlock-button:active{transform:scale(.98)}.input-error{color:var(--accent-warm)!important}.error-message{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:12px;color:var(--accent-warm);font-size:.85rem;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.input-group.error{animation:shake .4s ease;border-color:var(--accent-warm)}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.password-protect-footer{margin-top:2rem;font-size:.9rem}.contact-link{color:var(--accent-color);text-decoration:none;opacity:.8;transition:opacity .2s ease,text-decoration .2s ease}.contact-link:hover{opacity:1;text-decoration:underline}@media(max-width:768px){.password-protect-container{padding:2.5rem 1.25rem;min-height:350px;margin:1.5rem 0}.password-protect-content h3{font-size:1.25rem}.unlock-button{padding:0 16px}}@media(max-width:480px){.password-protect-container{padding:2rem 1rem;min-height:300px;border-radius:20px}.input-group{flex-direction:column;background:transparent;border:none;padding:0;gap:12px}.password-form input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;width:100%}.unlock-button{width:100%;height:44px;border-radius:12px}}.case-study-details{width:100%;margin:0 auto;padding:2rem 0 5rem;color:var(--text-primary)}.cs-nav{display:flex;justify-content:flex-start;align-items:center;margin-bottom:4rem;opacity:0;transform:translateY(20px);animation:slideUpFade .6s ease forwards}.back-link{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);text-decoration:none;font-family:var(--font-mono);font-size:.85rem;font-weight:500;letter-spacing:.02em;transition:color .3s ease,text-shadow .3s ease}.back-link:hover{color:var(--accent-color);text-shadow:0 0 12px var(--glow-1)}.cs-hero{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:8rem}.cs-hero-title{font-size:clamp(3rem,6vw,5rem);font-weight:700;line-height:1.1;letter-spacing:-.03em;margin-bottom:3rem;opacity:0;transform:translateY(20px);animation:slideUpFade .6s ease .1s forwards}.cs-hero-title .blink{display:inline-block;width:2px;height:1em;background:var(--accent-color);box-shadow:0 0 6px var(--glow-accent);animation:cursorBlink 1s infinite;margin-right:.2em;vertical-align:text-bottom}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.cs-metadata-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-bottom:4rem;padding-top:3rem;border-top:1px solid var(--border-glass);width:100%;opacity:0;transform:translateY(20px);animation:slideUpFade .6s ease .2s forwards}.cs-meta-item{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.meta-label{font-family:var(--font-mono);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--accent-color);opacity:.7}[data-theme=light] .meta-label{background:var(--glow-accent);color:var(--text-primary);padding:.15rem .5rem;border-radius:4px;opacity:1}.meta-value{font-size:1rem;color:var(--text-primary);font-weight:500}.cs-hero-media{width:100%;border-radius:var(--card-radius);overflow:hidden;background:var(--bg-card-glass);border:2px solid var(--border-glass);box-shadow:0 12px 32px var(--glow-accent);opacity:0;animation:slideUpFade .8s ease .3s forwards;position:relative;aspect-ratio:16 / 9}.hero-asset{width:100%;height:100%;display:block;object-fit:cover;position:absolute;top:0;left:0}.hero-mobile{display:none}@media(max-width:768px){.has-mobile-media .hero-desktop{display:none}.has-mobile-media .hero-mobile{display:block}.has-mobile-media{aspect-ratio:9 / 16}}.cs-sections{display:flex;flex-direction:column;gap:8rem}.cs-section{opacity:0;transform:translateY(30px);animation:slideUpFade .8s ease .2s forwards}.cs-section h2{font-size:clamp(1.5rem,3vw,2rem);margin-bottom:2rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:1rem}.cs-section h2:before{content:"";display:block;width:20px;height:2px;background:var(--accent-color)}.cs-section p{font-size:1.1rem;line-height:1.7;color:var(--text-secondary);max-width:800px;font-weight:300}.cs-section ul{list-style-type:none;padding-left:0;display:flex;flex-direction:column;gap:1.25rem}.cs-section li{font-size:1.05rem;line-height:1.7;color:var(--text-secondary);font-weight:300;padding-left:2rem;position:relative}.cs-section li:before{content:"→";position:absolute;left:0;color:var(--accent-color);font-family:var(--font-mono)}.cs-media{width:100%;border-radius:var(--card-radius);overflow:hidden;background:var(--bg-card-glass);border:2px solid var(--border-glass);box-shadow:0 12px 32px var(--glow-accent);opacity:0;transform:translateY(30px);animation:slideUpFade .8s ease .3s forwards}.cs-video,.cs-image{width:100%;height:auto;display:block;border-radius:var(--card-radius);transition:opacity .4s ease}.cs-video.is-loading,.cs-image.is-loading{opacity:0}.cs-video.is-loaded,.cs-image.is-loaded{opacity:1}.section-skeleton{position:absolute;top:0;left:0;z-index:1;border-radius:var(--card-radius)}.cs-connected-caption{padding:2rem;border-top:1px solid var(--border-glass);background:#ffffff05}.outcomes-grid{display:grid;grid-template-columns:1fr;gap:1.25rem}@media(min-width:768px){.outcomes-grid{grid-template-columns:repeat(3,1fr)}}.outcomes-grid>.fade-in-section{display:flex;flex-direction:column;height:100%}.outcome-card{height:100%;padding:2.5rem 2rem;border-radius:var(--card-radius);display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem;background:var(--bg-card-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-glass);transition:border-color .3s ease,box-shadow .3s ease;position:relative;overflow:hidden}.outcome-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent-color),var(--accent-secondary));opacity:.5;transition:opacity .3s ease}.outcome-card:hover{border-color:var(--border-hover);box-shadow:0 0 24px -4px var(--glow-1)}.outcome-card:hover:before{opacity:1}.outcome-icon{color:var(--accent-color);margin-bottom:.5rem;filter:drop-shadow(0 0 8px var(--glow-accent))}[data-theme=light] .outcome-icon{background:var(--accent-color);color:var(--bg-color);border-radius:50%;padding:.75rem;width:3rem;height:3rem;filter:none;box-shadow:0 4px 12px var(--glow-accent)}.outcome-val{font-size:2.25rem;font-weight:700;background:linear-gradient(135deg,var(--accent-color),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=light] .outcome-val{color:var(--text-primary);background:none;-webkit-background-clip:border-box;-webkit-text-fill-color:currentcolor;background-clip:border-box;position:relative;display:inline-block}.outcome-label{font-size:.95rem;color:var(--text-secondary);line-height:1.5;font-weight:300}.design-process-section{--timeline-color: var(--accent-color);--timeline-secondary: var(--accent-secondary);--timeline-line-color: rgba(0, 212, 255, .15);display:flex;flex-direction:column;gap:4rem;border-top:1px solid var(--border-glass);padding-top:3rem}.timeline-container{display:flex;flex-direction:column;padding-top:2rem;position:relative;gap:4rem}.timeline-row{position:relative;padding-bottom:2rem}.timeline-row:not(:last-child):after{content:"";position:absolute;bottom:0;left:10%;right:10%;border-bottom:1px solid var(--border-glass)}.timeline-marker{display:none}.timeline-left{display:flex;flex-direction:column;gap:2rem}.phase-badge-container{display:flex;align-items:flex-end;justify-content:flex-start;height:auto;padding-bottom:.5rem;position:relative}.phase-badge{font-family:var(--font-mono);color:var(--timeline-color);font-weight:600;font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;text-shadow:0 0 8px var(--glow-accent)}[data-theme=light] .phase-badge{background:var(--glow-accent);color:var(--text-primary);padding:.25rem .5rem;border-radius:4px;border-color:transparent;text-shadow:none;box-shadow:none}.phase-title-group{display:flex;flex-direction:column;gap:.5rem}.phase-title-group h3{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.phase-title-group p{font-size:1rem;color:var(--text-secondary);font-weight:300}.glassy-media{border-radius:var(--card-radius);overflow:hidden;border:1px solid var(--border-glass);background:var(--bg-card-glass);box-shadow:0 0 20px -8px var(--glow-1)}.phase-image{width:100%;height:auto;display:block}.timeline-right,.phase-focus{display:flex;flex-direction:column;gap:2rem}.focus-points-header{display:flex;align-items:flex-end;justify-content:flex-start;height:auto;padding-bottom:.5rem;margin-bottom:1rem;position:relative;margin-top:2rem}.focus-header{font-family:var(--font-mono);color:var(--timeline-color);font-weight:600;font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;text-shadow:0 0 8px var(--glow-accent)}[data-theme=light] .focus-header{background:var(--glow-accent);color:var(--text-primary);padding:.25rem .5rem;border-radius:4px;text-shadow:none}.focus-list{display:flex;flex-direction:column;gap:1.75rem}.focus-item h5{font-family:var(--font-mono);font-size:.8rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em}.focus-item p{font-size:.95rem;color:var(--text-secondary);line-height:1.7;font-weight:300}@media(min-width:1024px){.timeline-container{gap:0}.timeline-container:before{content:"";position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);width:1px;background:linear-gradient(180deg,var(--timeline-color) 0%,var(--timeline-secondary) 50%,var(--timeline-color) 100%);opacity:.3;z-index:0}.timeline-row{display:grid;grid-template-columns:1fr 80px 1fr;gap:0;padding-top:4rem;padding-bottom:8rem;transition:opacity .4s ease,filter .4s ease}.timeline-container:hover .timeline-row:not(:hover){opacity:.25;filter:grayscale(.5)}.timeline-row:first-child{padding-top:0}.timeline-row:not(:last-child):after{bottom:4rem;left:30%;right:30%;border-bottom-style:solid}.timeline-marker{display:flex;justify-content:center;position:relative}.timeline-node{width:14px;height:14px;border-radius:50%;background-color:var(--timeline-color);box-shadow:0 0 12px 2px var(--glow-accent);position:relative;z-index:2;margin-top:32px;transition:all .4s ease;animation:nodePulse 3s infinite ease-in-out}@keyframes nodePulse{0%,to{box-shadow:0 0 12px 2px var(--glow-accent)}50%{box-shadow:0 0 20px 6px var(--glow-accent)}}.timeline-row:hover .timeline-node{transform:scale(1.2)}.timeline-left{gap:2.5rem;padding-right:2rem}.timeline-right{padding-left:2rem}.phase-badge-container{height:40px;padding-bottom:12px;justify-content:flex-end}.focus-points-header{height:40px;padding-bottom:12px;margin-top:0;margin-bottom:1.5rem}.phase-badge-container:after{content:"";position:absolute;bottom:0;right:-40px;width:calc(100% + 40px);height:1px;background-color:var(--timeline-line-color);transition:background-color .4s ease,box-shadow .4s ease}.focus-points-header:after{content:"";position:absolute;bottom:0;left:-40px;width:calc(100% + 40px);height:1px;background-color:var(--timeline-line-color);transition:background-color .4s ease,box-shadow .4s ease}.timeline-row:hover .phase-badge-container:after,.timeline-row:hover .focus-points-header:after{background-color:var(--timeline-color);box-shadow:0 0 8px var(--glow-accent)}.phase-title-group{text-align:right}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.not-found-page{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;gap:2rem}.showcase-section{width:100%}.showcase-grid{display:flex;flex-direction:column;gap:2rem;align-items:center}@media(min-width:1024px){.showcase-grid{flex-direction:row;align-items:flex-start;justify-content:center;gap:3rem}}.showcase-desktop,.showcase-mobile{border-radius:var(--card-radius);overflow:hidden;border:1px solid var(--border-glass);background:var(--bg-card-glass);box-shadow:0 0 20px -8px var(--glow-1);transition:border-color .3s ease,box-shadow .3s ease}.showcase-desktop:hover,.showcase-mobile:hover{border-color:var(--border-hover);box-shadow:0 0 30px -4px var(--glow-1)}.showcase-desktop{flex:1;max-width:800px;width:100%;aspect-ratio:16 / 9}.showcase-mobile{width:100%;max-width:320px;aspect-ratio:9 / 16;flex-shrink:0}.showcase-asset{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .4s ease}.showcase-asset.is-loading{opacity:0}.showcase-asset.is-loaded{opacity:1}.cs-locked-preview-summary{max-width:800px;margin:4rem auto 0;text-align:left;padding:2.5rem;background:var(--bg-card-glass);border-left:3px solid var(--accent-color);border-radius:4px 16px 16px 4px;animation:fadeIn .8s ease forwards;border:1px solid var(--border-glass);border-left-width:3px}.cs-locked-preview-summary p{font-size:1.15rem;line-height:1.8;color:var(--text-primary);font-weight:300}.project-unlocked-refresh-prompt{text-align:center;padding:2.5rem;background:var(--bg-card-glass);border-radius:20px;border:1px solid var(--border-glass);margin-top:3rem;box-shadow:var(--glass-shadow)}.project-unlocked-refresh-prompt p{margin-bottom:2rem;color:var(--text-secondary);font-size:1.1rem}@media(max-width:768px){.cs-locked-preview-summary{margin-top:2rem;padding:1.5rem}.cs-locked-preview-summary p{font-size:1rem}.project-unlocked-refresh-prompt{padding:2rem 1.5rem;margin-top:2rem}}.clickable-media{cursor:pointer;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease,border-color .3s ease!important}.clickable-media:hover{transform:scale(1.02)!important;box-shadow:0 10px 40px #00d4ff26,inset 0 0 20px #00d4ff0d!important;border-color:#00d4ff4d!important;z-index:10;position:relative}.back-to-top{position:fixed;bottom:30px;right:30px;z-index:99}.back-to-top-button{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;background-color:var(--accent-color);color:var(--bg-color);border:none;cursor:pointer;box-shadow:0 4px 12px var(--glow-accent);transition:all var(--transition-speed) ease;opacity:.8}.back-to-top-button:hover{transform:translateY(-5px);opacity:1;box-shadow:0 6px 16px var(--glow-accent)}.back-to-top-button svg{transition:transform var(--transition-speed) ease}.back-to-top-button:hover svg{transform:translateY(-2px)}@media(max-width:768px){.back-to-top{bottom:20px;right:20px}.back-to-top-button{width:45px;height:45px}}