*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-deep:#070914;--bg-mid:#0d1129;--glass-bg:#0c0f23bf;--glass-border:#ffffff0f;--text-primary:#e8ecf8;--text-secondary:#c8d7ff73;--accent-blue:#6c8cff;--accent-green:#50e3c2;--accent-purple:#a78bfa;--radius:16px;--font:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", monospace}html{scroll-behavior:smooth}body{background:var(--bg-deep);width:100%;min-height:100vh;font-family:var(--font);color:var(--text-primary);overflow-x:hidden}#stars-bg{z-index:-1;background:linear-gradient(160deg,#070914 0%,#0d1129 40%,#11163d 70%,#0a0c1a 100%);width:100%;height:100%;position:fixed;top:0;left:0}#stars-bg:before{content:"";background:radial-gradient(1px 1px at 10% 20%,#fffc,#0000),radial-gradient(1px 1px at 15% 40%,#c8d7ff99,#0000),radial-gradient(1.5px 1.5px at 22% 60%,#ffffffe6,#0000),radial-gradient(1px 1px at 28% 80%,#c8d7ff80,#0000),radial-gradient(1px 1px at 33% 10%,#ffffffb3,#0000),radial-gradient(1.5px 1.5px at 38%,#c8d7ffcc,#0000),radial-gradient(1px 1px at 42% 30%,#fff9,#0000),radial-gradient(1px 1px at 48% 70%,#c8d7ff80,#0000),radial-gradient(1px 1px at 52% 15%,#ffffffe6,#0000),radial-gradient(1.5px 1.5px at 58% 45%,#c8d7ffb3,#0000),radial-gradient(1px 1px at 63% 85%,#ffffff80,#0000),radial-gradient(1px 1px at 68% 25%,#fffc,#0000),radial-gradient(1px 1px at 72% 55%,#c8d7ff99,#0000),radial-gradient(1.5px 1.5px at 77% 75%,#ffffffb3,#0000),radial-gradient(1px 1px at 82% 10%,#c8d7ff80,#0000),radial-gradient(1px 1px at 87% 35%,#ffffffe6,#0000),radial-gradient(1px 1px at 91% 65%,#c8d7ff99,#0000),radial-gradient(1.5px 1.5px at 95% 90%,#fffc,#0000),radial-gradient(1px 1px at 5% 5%,#c8d7ff66,#0000),radial-gradient(1px 1px at 8%,#ffffffb3,#0000),radial-gradient(1px 1px at 12% 75%,#c8d7ff80,#0000),radial-gradient(1.5px 1.5px at 18% 90%,#fff9,#0000);width:100%;height:100%;animation:4s ease-in-out infinite alternate star-scint;position:absolute}@keyframes star-scint{0%{opacity:.7}to{opacity:1}}#stars-bg:after{content:"";background:radial-gradient(.5px .5px at 4% 15%,#fff6,#0000),radial-gradient(.5px .5px at 9% 38%,#c8d7ff4d,#0000),radial-gradient(.5px .5px at 14% 62%,#ffffff80,#0000),radial-gradient(.5px .5px at 19% 88%,#c8d7ff4d,#0000),radial-gradient(.5px .5px at 24% 25%,#fff6,#0000),radial-gradient(.5px .5px at 29% 48%,#c8d7ff4d,#0000),radial-gradient(.5px .5px at 34% 72%,#ffffff80,#0000),radial-gradient(.5px .5px at 39% 12%,#c8d7ff66,#0000),radial-gradient(.5px .5px at 44% 55%,#ffffff4d,#0000),radial-gradient(.5px .5px at 49% 82%,#c8d7ff80,#0000),radial-gradient(.5px .5px at 54% 20%,#fff6,#0000);width:100%;height:100%;animation:5s ease-in-out -2s infinite alternate star-scint;position:absolute}#nebula-bg{z-index:1;pointer-events:none;background:radial-gradient(60% 40% at 20% 30%,#3c50c80f 0%,#0000 60%),radial-gradient(50% 50% at 80% 70%,#783cc80d 0%,#0000 60%),radial-gradient(40% 30% at 50% 20%,#50c8b40a 0%,#0000 50%);width:100%;height:100%;animation:15s ease-in-out infinite alternate nebula-pulse;position:fixed;top:0;left:0}@keyframes nebula-pulse{0%{opacity:.6;transform:scale(1)}to{opacity:1;transform:scale(1.05)}}.gradient-text{background:linear-gradient(135deg,#fff 0%,#8aacff 50%,#c8d7ff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}#navbar{z-index:100;-webkit-backdrop-filter:blur(24px);background:#070914d9;border-bottom:1px solid #c8d7ff0d;justify-content:space-between;align-items:center;height:60px;padding:0 24px;display:flex;position:fixed;top:0;left:0;right:0}.nav-brand{letter-spacing:-.3px;background:linear-gradient(135deg,#fff 0%,#8aacff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:16px;font-weight:700}.nav-links{align-items:center;gap:6px;display:flex}.nav-link{color:#c8d7ff80;letter-spacing:.5px;cursor:pointer;border-radius:8px;padding:8px 14px;font-size:12px;font-weight:500;text-decoration:none;transition:all .3s}.nav-link:hover{color:var(--text-primary);background:#c8d7ff0a}.nav-space-btn{color:#c8d7ffd9;font-family:var(--font);cursor:pointer;white-space:nowrap;letter-spacing:.5px;background:linear-gradient(135deg,#6c8cff26,#4a6cf714);border:1px solid #6c8cff40;border-radius:100px;align-items:center;gap:6px;padding:8px 16px;font-size:12px;font-weight:600;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1);display:inline-flex}.nav-space-btn:hover{color:#fff;background:linear-gradient(135deg,#6c8cff40,#4a6cf726);border-color:#6c8cff80;transform:translateY(-1px);box-shadow:0 0 24px #6c8cff33}.nav-space-btn svg{width:14px;height:14px}#profile-view{z-index:10;width:100%;min-height:100vh;padding-top:60px;position:relative;overflow-x:hidden}.port-section{max-width:900px;margin:0 auto;padding:80px 24px 60px}.section-title{letter-spacing:4px;text-transform:uppercase;color:#c8d7ff4d;text-align:center;margin-bottom:28px;font-size:11px;font-weight:600}#hero-section{justify-content:center;align-items:center;min-height:calc(100vh - 60px);padding-top:60px;padding-bottom:60px;display:flex}.hero-content{text-align:center;max-width:640px}.hero-greeting{color:#c8d7ff80;letter-spacing:3px;margin-bottom:8px;font-size:16px;font-weight:300}.hero-name{letter-spacing:-1px;margin-bottom:12px;font-size:clamp(36px,6vw,56px);font-weight:700;line-height:1.1}.hero-subtitle{color:#c8d7ff99;letter-spacing:2px;margin-bottom:20px;font-size:clamp(13px,2vw,16px);font-weight:400}.hero-tagline{color:#c8d7ff66;max-width:520px;margin:0 auto 36px;font-size:14px;line-height:1.7}.hero-buttons{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.cta-primary{color:#fff;cursor:pointer;letter-spacing:.5px;background:linear-gradient(135deg,#6c8cff,#4a6cf7);border:none;border-radius:100px;align-items:center;gap:8px;padding:14px 32px;font-size:13px;font-weight:600;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1);display:inline-flex}.cta-primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px #6c8cff4d}.cta-space{color:#c8d7ffcc;font-family:var(--font);cursor:pointer;letter-spacing:.5px;background:linear-gradient(135deg,#6c8cff1f,#4a6cf70f);border:1px solid #6c8cff40;border-radius:100px;align-items:center;gap:8px;padding:14px 28px;font-size:13px;font-weight:600;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1);display:inline-flex}.cta-space:hover{color:#fff;background:linear-gradient(135deg,#6c8cff38,#4a6cf71f);border-color:#6c8cff80;transform:translateY(-2px);box-shadow:0 0 32px #6c8cff33,0 8px 32px #6c8cff1a}.cta-space svg{width:16px;height:16px}.about-content{text-align:center;max-width:680px;margin:0 auto}.about-content p{color:#c8d7ff8c;margin-bottom:16px;font-size:14px;line-height:1.85}.about-content .about-cta{color:#c8d7ff66;font-size:13px}.about-content .about-cta a{color:var(--accent-blue);font-weight:600;text-decoration:none;transition:color .3s}.about-content .about-cta a:hover{color:#fff;text-decoration:underline}.skills-categories{flex-direction:column;gap:32px;max-width:700px;margin:0 auto;display:flex}.skills-category{text-align:center}.skills-cat-title{letter-spacing:3px;text-transform:uppercase;margin-bottom:14px;font-size:11px;font-weight:600}.skills-grid{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.skill-card{cursor:default;background:#ffffff08;border:1px solid #c8d7ff0f;border-radius:100px;padding:8px 18px;transition:all .3s}.skill-card:hover{background:#6c8cff14;border-color:#6c8cff33;transform:translateY(-2px);box-shadow:0 4px 16px #6c8cff14}.skill-name{font-family:var(--font-mono);color:#c8d7ff80;letter-spacing:.5px;font-size:11px;transition:color .3s}.skill-card:hover .skill-name{color:var(--text-primary)}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;max-width:820px;margin:0 auto;display:grid}.project-card{color:inherit;background:#ffffff05;border:1px solid #c8d7ff0f;border-radius:14px;padding:24px;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1);display:block;position:relative;overflow:hidden}.project-card:before{content:"";background:var(--card-accent,#6c8cff);opacity:.4;width:100%;height:2px;transition:opacity .4s;position:absolute;top:0;left:0}.project-card:hover{background:#ffffff0a;border-color:#c8d7ff1a;transform:translateY(-4px);box-shadow:0 12px 40px #0000004d}.project-card:hover:before{opacity:1}.project-card-header{margin-bottom:12px}.project-card-tag{font-family:var(--font-mono);letter-spacing:1px;text-transform:uppercase;border-radius:100px;margin-bottom:8px;padding:2px 8px;font-size:9px;font-weight:600;display:inline-block}.project-card-title{color:var(--text-primary);letter-spacing:-.3px;font-size:17px;font-weight:600}.project-card-desc{color:#c8d7ff73;margin-bottom:16px;font-size:13px;line-height:1.65}.project-card-techs{flex-wrap:wrap;gap:5px;display:flex}.project-card-tech{font-family:var(--font-mono);color:#c8d7ff59;letter-spacing:.3px;background:#ffffff08;border:1px solid #c8d7ff0d;border-radius:5px;padding:2px 8px;font-size:10px}#contact{padding-bottom:80px}.contact-links{flex-direction:column;align-items:center;gap:12px;max-width:400px;margin:0 auto;display:flex}.contact-link{color:#c8d7ff80;background:#ffffff05;border:1px solid #c8d7ff0f;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:12px 24px;font-size:13px;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.contact-link:hover{color:var(--text-primary);background:#6c8cff0f;border-color:#6c8cff33;transform:translateY(-2px);box-shadow:0 4px 16px #6c8cff0f}.contact-link svg{flex-shrink:0;width:18px;height:18px}#footer{text-align:center;border-top:1px solid #c8d7ff0a;padding:32px 24px}#footer p{color:#c8d7ff33;letter-spacing:1px;font-size:11px}#project-modal{z-index:200;opacity:0;visibility:hidden;justify-content:center;align-items:center;width:100%;height:100%;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;left:0}#project-modal.active{opacity:1;visibility:visible}#project-modal .modal-backdrop{-webkit-backdrop-filter:blur(8px);background:#0009;width:100%;height:100%;position:absolute;top:0;left:0}#project-modal .modal-card{z-index:1;background:#0c0f23eb;border:1px solid #c8d7ff14;border-radius:20px;width:90%;max-width:520px;max-height:85vh;padding:40px 32px;transition:transform .4s cubic-bezier(.16,1,.3,1);position:relative;overflow-y:auto;transform:translateY(20px)scale(.97);box-shadow:0 24px 80px #00000080}#project-modal.active .modal-card{transform:translateY(0)scale(1)}.modal-close{color:#c8d7ff4d;cursor:pointer;background:0 0;border:none;padding:4px;font-size:28px;line-height:1;transition:color .3s;position:absolute;top:16px;right:20px}.modal-close:hover{color:#fff}.modal-tag{font-family:var(--font-mono);letter-spacing:1px;text-transform:uppercase;border-radius:100px;margin-bottom:10px;padding:3px 10px;font-size:10px;font-weight:600;display:inline-block}.modal-title{color:var(--text-primary);letter-spacing:-.5px;margin-bottom:6px;font-size:22px;font-weight:700}.modal-role{color:#c8d7ff66;letter-spacing:.3px;margin-bottom:20px;font-size:13px}.modal-desc{color:#c8d7ff8c;margin-bottom:24px;font-size:14px;line-height:1.75}.modal-techs{flex-wrap:wrap;gap:6px;margin-bottom:24px;display:flex}.modal-tech{font-family:var(--font-mono);color:#c8d7ff66;background:#ffffff08;border:1px solid #c8d7ff0f;border-radius:6px;padding:3px 10px;font-size:10px}.modal-links{gap:10px;display:flex}.modal-link{border-radius:100px;align-items:center;gap:6px;padding:10px 20px;font-size:12px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.modal-link.github{color:#c8d7ff99;background:#ffffff0a;border:1px solid #c8d7ff14}.modal-link.github:hover{color:#fff;background:#ffffff14}.modal-link.demo{color:#fff;background:linear-gradient(135deg,#6c8cff,#4a6cf7)}.modal-link.demo:hover{transform:translateY(-1px);box-shadow:0 4px 20px #6c8cff4d}.project-card{cursor:pointer}.card-github-icon{color:#c8d7ff4d;z-index:2;background:#ffffff08;border:1px solid #c8d7ff0f;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .3s;display:flex;position:absolute;top:16px;right:16px}.card-github-icon:hover{color:#fff;background:#ffffff14}.card-github-icon svg{width:14px;height:14px}@media (width<=768px){#navbar{padding:0 14px}.nav-link{padding:6px 10px;font-size:11px}.nav-space-btn{padding:6px 12px;font-size:11px}.nav-space-btn svg{display:none}.port-section{padding:60px 16px 40px}.projects-grid{grid-template-columns:1fr}.hero-buttons{flex-direction:column;gap:12px}.contact-links{padding:0 8px}.hero-greeting{font-size:14px}.hero-subtitle{font-size:12px}}.modal-repo-list{flex-direction:column;gap:8px;width:100%;display:flex}.modal-repo{color:#c8d7ff99;background:#ffffff08;border:1px solid #c8d7ff12;border-radius:10px;align-items:center;gap:10px;padding:10px 16px;font-size:12px;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.modal-repo:hover{color:#fff;background:#6c8cff14;border-color:#6c8cff40}.modal-repo svg{flex-shrink:0;width:14px;height:14px}.stats-strip{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:44px;display:flex}.stat-item{background:#ffffff05;border:1px solid #c8d7ff0f;border-radius:14px;flex-direction:column;align-items:center;gap:4px;min-width:110px;padding:16px 20px;display:flex}.stat-number{font-family:var(--font-mono);background:linear-gradient(135deg,#fff 0%,#8aacff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700}.stat-label{letter-spacing:2px;text-transform:uppercase;color:#c8d7ff59;font-size:10px;font-weight:600}.card-demo-badge,.card-case-badge{font-family:var(--font-mono);letter-spacing:1px;text-transform:uppercase;border-radius:100px;margin-bottom:8px;margin-left:6px;padding:2px 8px;font-size:9px;font-weight:600;display:inline-block}.card-demo-badge{color:#50e382;background:#50e3821f;border:1px solid #50e38240}.card-case-badge{color:#f97373;background:#f973731f;border:1px solid #f9737340}.modal-repo-entry{flex-direction:column;gap:4px;display:flex}.modal-repo-desc{color:#c8d7ff66;margin-bottom:6px;padding:0 4px;font-size:12px;line-height:1.6}.modal-repo-case{cursor:pointer;font-family:var(--font);justify-content:space-between}.modal-repo-case .card-case-badge{margin:0}.modal-repo-static{cursor:default}.modal-repo-static:hover{color:#c8d7ff99;background:#ffffff08;border-color:#c8d7ff12}.modal-repo .card-demo-badge{margin:0 0 0 auto}#case-study-modal{z-index:210;opacity:0;visibility:hidden;justify-content:center;align-items:center;width:100%;height:100%;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;left:0}#case-study-modal.active{opacity:1;visibility:visible}#case-study-modal .modal-backdrop{-webkit-backdrop-filter:blur(8px);background:#0009;width:100%;height:100%;position:absolute;top:0;left:0}#case-study-modal .modal-card{z-index:1;border:1px solid #c8d7ff14;border-top:2px solid var(--cs-accent,#f97373);background:#0c0f23eb;border-radius:20px;width:90%;max-width:620px;max-height:85vh;padding:40px 32px;transition:transform .4s cubic-bezier(.16,1,.3,1);position:relative;overflow-y:auto;transform:translateY(20px)scale(.97);box-shadow:0 24px 80px #00000080}#case-study-modal.active .modal-card{transform:translateY(0)scale(1)}.cs-badges{gap:6px;margin-bottom:12px;display:flex}.cs-badge-case,.cs-badge-confidential{font-family:var(--font-mono);letter-spacing:1px;text-transform:uppercase;border-radius:100px;padding:3px 10px;font-size:10px;font-weight:600;display:inline-block}.cs-badge-confidential{color:#c8d7ff80;background:#c8d7ff0f;border:1px solid #c8d7ff1f}.cs-section-title{letter-spacing:2.5px;text-transform:uppercase;color:var(--cs-accent,#f97373);margin-bottom:10px;font-size:11px;font-weight:600}.cs-body>div{margin-bottom:26px}.cs-body p{color:#c8d7ff8c;font-size:14px;line-height:1.75}.cs-list{flex-direction:column;gap:8px;list-style:none;display:flex}.cs-list li{color:#c8d7ff8c;padding-left:18px;font-size:13px;line-height:1.6;position:relative}.cs-list li:before{content:"";background:var(--cs-accent,#f97373);opacity:.6;border-radius:50%;width:6px;height:6px;position:absolute;top:8px;left:0}.cs-component{background:#ffffff05;border:1px solid #c8d7ff0f;border-radius:12px;margin-bottom:10px;padding:14px 16px}.cs-component-name{color:var(--text-primary);margin-bottom:4px;font-size:13px;font-weight:600}.cs-component-stack{font-family:var(--font-mono);color:#c8d7ff59;letter-spacing:.3px;margin-bottom:6px;font-size:10px}.cs-component-desc{font-size:12px!important;line-height:1.6!important}.cs-confidential{border-top:1px solid #c8d7ff0f;padding-top:14px;font-style:italic;color:#c8d7ff4d!important;font-size:11px!important}*{scrollbar-width:thin;scrollbar-color:#6c8cff59 #0c0f2366}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0c0f2366}::-webkit-scrollbar-thumb{background:#6c8cff59;border-radius:100px}::-webkit-scrollbar-thumb:hover{background:#6c8cff99}.modal-card::-webkit-scrollbar{width:6px}.modal-card::-webkit-scrollbar-track{background:0 0}.modal-card{scrollbar-color:#6c8cff59 transparent}.modal-header,.cs-header{z-index:2;background:linear-gradient(#0c0f23fa 80%,#0c0f2300);margin:-40px -32px 0;padding:40px 32px 14px;position:sticky;top:-40px}.modal-header .modal-close,.cs-header .modal-close{top:16px;right:20px}.lang-toggle{border:1px solid #c8d7ff1f;border-radius:100px;align-items:center;margin:0 4px;padding:2px;display:inline-flex}.lang-toggle button{cursor:pointer;font-family:var(--font-mono);letter-spacing:1px;color:#c8d7ff66;background:0 0;border:none;border-radius:100px;padding:5px 10px;font-size:10px;font-weight:700;transition:all .3s}.lang-toggle button.active{color:#fff;background:#6c8cff33}.lang-toggle button:hover:not(.active){color:#c8d7ffcc}.hero-availability{letter-spacing:1px;color:#50e382;text-transform:uppercase;background:#50e3820f;border:1px solid #50e38233;border-radius:100px;align-items:center;gap:8px;margin-bottom:20px;padding:6px 16px;font-size:11px;font-weight:600;display:inline-flex}.availability-dot{background:#50e382;border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite availability-pulse;box-shadow:0 0 8px #50e382cc}@keyframes availability-pulse{0%,to{opacity:1}50%{opacity:.4}}.timeline{max-width:680px;margin:0 auto;padding-left:28px;position:relative}.timeline:before{content:"";background:linear-gradient(#6c8cff66,#6c8cff0d);width:1px;position:absolute;top:6px;bottom:6px;left:7px}.timeline-item{margin-bottom:36px;position:relative}.timeline-item:last-child{margin-bottom:0}.timeline-dot{background:var(--accent-blue);border-radius:50%;width:9px;height:9px;position:absolute;top:6px;left:-25px;box-shadow:0 0 10px #6c8cff99}.timeline-education .timeline-dot{background:var(--accent-purple);box-shadow:0 0 10px #a78bfa99}.timeline-period{font-family:var(--font-mono);letter-spacing:1px;text-transform:uppercase;color:#c8d7ff59;font-size:10px}.timeline-role{color:var(--text-primary);margin:4px 0 2px;font-size:16px;font-weight:600}.timeline-company{color:var(--accent-blue);margin-bottom:8px;font-size:12px;font-weight:500}.timeline-summary{color:#c8d7ff59;margin-bottom:10px;font-size:12px;line-height:1.6}.timeline-bullets{flex-direction:column;gap:7px;list-style:none;display:flex}.timeline-bullets li{color:#c8d7ff80;padding-left:16px;font-size:13px;line-height:1.65;position:relative}.timeline-bullets li:before{content:"";background:var(--accent-blue);opacity:.5;border-radius:50%;width:5px;height:5px;position:absolute;top:8px;left:0}.cs-highlight-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px;max-width:860px;margin:0 auto;display:grid}.cs-highlight-card{cursor:pointer;border:1px solid #c8d7ff12;border-top:2px solid var(--cs-accent,#f97373);background:#ffffff05;border-radius:16px;padding:28px;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative}.cs-highlight-card:hover{background:#ffffff0a;transform:translateY(-4px);box-shadow:0 16px 48px #00000059}.cs-highlight-badges{margin-bottom:12px}.cs-highlight-badges .card-case-badge{margin:0}.cs-highlight-title{color:var(--text-primary);letter-spacing:-.3px;margin-bottom:4px;font-size:19px;font-weight:700}.cs-highlight-subtitle{color:#c8d7ff66;margin-bottom:18px;font-size:12px}.cs-highlight-block{margin-bottom:14px}.cs-highlight-label{font-family:var(--font-mono);letter-spacing:2px;text-transform:uppercase;color:var(--cs-accent,#f97373);margin-bottom:4px;font-size:9px;display:block}.cs-highlight-block p{color:#c8d7ff80;font-size:13px;line-height:1.65}.cs-highlight-cta{cursor:pointer;font-family:var(--font);color:var(--cs-accent,#f97373);letter-spacing:.3px;background:0 0;border:none;margin-top:4px;padding:0;font-size:12px;font-weight:600;transition:opacity .3s}.cs-highlight-card:hover .cs-highlight-cta{opacity:.8}.how-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;max-width:860px;margin:0 auto;display:grid}.how-card{background:#ffffff05;border:1px solid #c8d7ff0f;border-radius:14px;padding:24px 20px;transition:all .4s cubic-bezier(.16,1,.3,1)}.how-card:hover{background:#6c8cff0a;border-color:#6c8cff26;transform:translateY(-3px)}.how-title{color:var(--text-primary);margin-bottom:8px;font-size:14px;font-weight:600}.how-desc{color:#c8d7ff73;font-size:12px;line-height:1.7}.reveal{opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:translateY(18px)}.reveal.revealed{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}}@media (width<=768px){.stats-strip{gap:8px}.stat-item{min-width:90px;padding:12px 14px}.stat-number{font-size:20px}#case-study-modal .modal-card{padding:32px 20px}.cs-header,.modal-header{margin:-32px -20px 0;padding:32px 20px 12px;top:-32px}.lang-toggle button{padding:4px 8px}.timeline{padding-left:22px}.cs-highlight-grid{grid-template-columns:1fr}}