:root{--bg-color:#020617;--card-bg:#1e293b;--primary:#10b981;--text-main:#f1f5f9;--text-muted:#94a3b8}html{scroll-behavior:smooth}body{background-color:var(--bg-color);color:var(--text-main);background-image:radial-gradient(#1e293b 1px,#0000 1px);background-size:30px 30px;margin:0;font-family:Inter,system-ui,sans-serif;font-size:1.05rem;line-height:1.7;overflow-x:hidden}section{max-width:1150px;margin:0 auto;padding:100px 20px;animation:.8s ease-out forwards fadeIn}h1,h2,h3{color:var(--text-main)}code{background-color:var(--card-bg);border-radius:4px;padding:2px 4px;font-family:Fira Code,Courier New,monospace;font-size:.9rem}.scroll-progress{transform-origin:0;z-index:220;background:linear-gradient(90deg,#10b98159,#10b981 55%,#34d399e0);width:100%;height:3px;position:fixed;top:0;left:0;box-shadow:0 0 18px #10b98159}header.site-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;background:#0f172ad9;border-bottom:1px solid #ffffff0d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding:1rem 2rem;display:flex;position:sticky;top:0}.logo{color:var(--primary);letter-spacing:.08em;font-weight:800;text-decoration:none}.site-nav{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;display:flex}.site-nav a{color:var(--text-main);font-weight:500;text-decoration:none;transition:all .3s;display:inline-block;position:relative}.site-nav a:after{content:"";background:linear-gradient(90deg, transparent, var(--primary), transparent);transform-origin:0;width:100%;height:1px;transition:transform .25s;position:absolute;bottom:-6px;left:0;transform:scaleX(0)}.site-nav a:hover{color:var(--primary)}.site-nav a:hover:after{transform:scaleX(1)}.header-actions{align-items:center;gap:12px;display:flex}.header-social,.language-toggle{color:var(--text-main);cursor:pointer;background:#0206178c;border:1px solid #334155f2;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;text-decoration:none;transition:border-color .25s,background-color .25s,transform .25s;display:inline-flex}.header-social:hover,.language-toggle:hover{background:#0f172ae0;border-color:#10b98180;transform:translateY(-1px)}.language-toggle{font-weight:700}.skills-grid{flex-wrap:wrap;gap:10px;padding:0;list-style:none;display:flex}.skill-tag{background:var(--card-bg);border:1px solid #334155;border-radius:6px;padding:8px 16px;font-size:.9rem}.projects-container{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;display:grid}.project-card{background:linear-gradient(#1e293beb,#0f172aeb),radial-gradient(circle at 100% 0,#10b98114,#0000 30%);border:1px solid #334155f2;border-radius:18px;padding:24px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 24px 50px -32px #020617f2}.project-badge{color:var(--bg-color);border-radius:4px;padding:4px 8px;font-size:.75rem;font-weight:600;position:absolute;top:15px;right:15px}.badge-blue{background-color:#3b82f6}.badge-green{background-color:#10b981}.tech-list{color:var(--primary);margin:10px 0;font-size:.8rem}.project-links{flex-wrap:wrap;gap:14px;margin-top:18px;display:flex}.project-link{color:var(--primary);font-weight:600;text-decoration:none;transition:color .25s,transform .25s}.project-link:hover{color:#6ee7b7;transform:translate(3px)}.btn{cursor:pointer;letter-spacing:.01em;border-radius:12px;justify-content:center;align-items:center;padding:12px 28px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background-color:var(--primary);color:var(--bg-color)}.btn-outline{border:2px solid var(--primary);color:var(--primary);background-color:#0000}.hero-actions{flex-wrap:wrap;gap:15px;margin-top:30px;display:flex}.hero-button-shell{border-radius:14px}.magnetic-surface{isolation:isolate;will-change:transform;--pointer-x:50%;--pointer-y:50%;--pointer-opacity:0;position:relative}.magnetic-surface>*{z-index:1;position:relative}.magnetic-surface:before{content:"";background:radial-gradient(circle at var(--pointer-x) var(--pointer-y), #10b98142, transparent 24%);opacity:var(--pointer-opacity);pointer-events:none;transition:opacity .22s;position:absolute;inset:-24%}.magnetic-surface:after{content:"";border-radius:inherit;opacity:calc(.28 + (var(--pointer-opacity) * .72));pointer-events:none;border:1px solid #10b9816b;transition:opacity .22s,border-color .22s;position:absolute;inset:0}.magnetic-surface--button{background:linear-gradient(135deg,#10b9813d,#0f172a26);border-radius:14px;padding:1px;display:inline-flex}.magnetic-surface--card{height:100%}.magnetic-button__inner{border:none;width:100%;min-height:48px}.contact-submit-shell{align-self:flex-start}.magnetic-surface--button .btn-outline{background:#020617c2}.hero-photo-grid,.hero-photo-dataflow{pointer-events:none;border-radius:9999px;position:absolute;inset:-14px;-webkit-mask-image:radial-gradient(circle,#000 60%,#0000 100%);mask-image:radial-gradient(circle,#000 60%,#0000 100%)}.hero-photo-grid{opacity:.08;background-image:radial-gradient(circle,#ffffff29 1px,#0000 1px);background-size:20px 20px;inset:-10px}.hero-photo-dataflow{opacity:.1;background-image:repeating-linear-gradient(135deg,#10b98140 0 1px,#0000 1px 14px),repeating-linear-gradient(45deg,#10b9812e 0 1px,#0000 1px 18px);animation:18s linear infinite heroDataFlow}@keyframes heroDataFlow{0%{background-position:0 0,0 0}to{background-position:220px 220px,-180px -180px}}.data-insights-copy{color:var(--text-muted);max-width:760px;margin:14px auto 0}.data-insights-shell{background:linear-gradient(#0f172ae6,#020617eb),radial-gradient(circle at 100% 0,#10b9811a,#0000 35%);margin-top:30px}.data-insights-chart{width:100%;height:420px}.data-insights-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-top:14px;display:grid}.data-insight-tile{text-align:left;background:#020617ad;border:1px solid #334155f2;border-radius:14px;padding:16px 18px}.data-insight-tile strong{color:var(--primary);margin-bottom:4px;font-size:1.5rem;display:block}.data-insight-tile span{color:var(--text-muted);font-size:.92rem}.data-tooltip{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:left;background:#020617f5;border:1px solid #10b98161;border-radius:14px;padding:14px 16px;box-shadow:0 18px 34px -24px #10b98173}.data-tooltip__score{color:var(--primary);margin-bottom:4px;font-size:1.45rem;font-weight:800}.data-tooltip strong{margin-bottom:4px;display:block}.data-tooltip p{color:var(--text-muted);margin:0 0 8px;font-size:.92rem}.data-tooltip span{color:#cbd5e1;font-size:.8rem}.recruiter-feature{background:linear-gradient(#0f172aeb,#020617f2),radial-gradient(circle at 0 0,#10b9811f,#0000 36%);border:1px solid #10b98133;border-radius:24px;grid-template-columns:minmax(0,1fr) minmax(340px,.92fr);align-items:start;gap:28px;padding:30px;display:grid;box-shadow:0 26px 48px -30px #020617f2}.recruiter-feature__eyebrow,.recruiter-terminal__prompt,.recruiter-signal-line,.prediction-chip{font-family:Fira Code,Courier New,monospace}.recruiter-feature__eyebrow{color:var(--primary);background:#10b98114;border:1px solid #10b9813d;border-radius:999px;align-items:center;gap:8px;margin-bottom:18px;padding:8px 12px;font-size:.8rem;display:inline-flex}.recruiter-feature__description{color:var(--text-muted);max-width:620px;margin-bottom:24px}.recruiter-chip-grid{flex-wrap:wrap;gap:12px;display:flex}.prediction-chip{color:var(--text-main);cursor:pointer;background:#020617ad;border:1px solid #334155f2;border-radius:14px;align-items:center;gap:10px;padding:12px 14px;transition:transform .22s,border-color .22s,background-color .22s,color .22s;display:inline-flex}.prediction-chip small{color:var(--text-muted)}.prediction-chip:hover{border-color:#10b98161;transform:translateY(-2px)}.prediction-chip--active{color:#d1fae5;background:#10b9811f;border-color:#10b98180}.prediction-chip--active small{color:#a7f3d0}.recruiter-terminal{background:#020617d1;border:1px solid #334155f2;border-radius:20px;padding:24px;position:relative;overflow:hidden}.recruiter-terminal:before{content:"";opacity:.15;pointer-events:none;background-image:linear-gradient(#94a3b80f 1px,#0000 1px),linear-gradient(90deg,#94a3b80f 1px,#0000 1px);background-size:26px 26px;position:absolute;inset:0}.recruiter-terminal>*{z-index:1;position:relative}.recruiter-terminal__header,.recruiter-terminal__title,.recruiter-terminal__status,.recruiter-reset{align-items:center;display:flex}.recruiter-terminal__header{justify-content:space-between;gap:14px}.recruiter-terminal__title{gap:8px;font-weight:700}.recruiter-reset{color:var(--text-muted);cursor:pointer;background:#0f172ac7;border:1px solid #334155f2;border-radius:999px;gap:8px;padding:8px 12px;transition:border-color .22s,color .22s}.recruiter-reset:hover{color:var(--text-main);border-color:#10b98173}.recruiter-terminal__prompt{color:var(--primary);margin:20px 0 14px;font-size:.88rem}.recruiter-terminal__status{flex-wrap:wrap;justify-content:space-between;gap:16px}.recruiter-score{color:var(--text-main);font-size:clamp(2.6rem,6vw,4rem);font-weight:800;line-height:1}.recruiter-verdict{color:var(--text-muted);background:#0f172ae0;border:1px solid #334155f2;border-radius:999px;gap:8px;padding:10px 14px}.recruiter-verdict--confirmed{color:#d1fae5;background:#10b98124;border-color:#10b9816b}.recruiter-summary{color:var(--text-muted);margin:14px 0 20px}.recruiter-signal-list{gap:10px;display:grid}.recruiter-signal-line{color:#cbd5e1;align-items:center;gap:10px;font-size:.88rem;display:flex}.recruiter-signal-line--placeholder{color:var(--text-muted)}.recruiter-signal-line__mark{background:var(--primary);border-radius:50%;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 0 4px #10b9811f}.setup-grid{flex-wrap:wrap;justify-content:center;gap:18px;margin-top:30px;display:flex}.setup-card{background:#1e293b8c;border:1px solid #334155;border-radius:12px;flex-direction:column;align-items:center;gap:10px;min-width:150px;padding:18px 20px;transition:transform .2s,background-color .2s,border-color .2s;display:flex}.setup-card:hover{background:#1e293bbf;border-color:#10b98173;transform:translateY(-2px)}.contact-terminal{border:1px solid var(--primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#0f172ac7,#020617e6),radial-gradient(circle at 100% 0,#10b9811f,#0000 35%);border-radius:24px;padding:28px;position:relative;overflow:hidden;box-shadow:0 24px 50px -28px #10b98159}.contact-terminal:before{content:"";opacity:.18;pointer-events:none;background-image:linear-gradient(#94a3b80f 1px,#0000 1px),linear-gradient(90deg,#94a3b80f 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0}.contact-status,.contact-terminal__prompt,.terminal-field span{font-family:Fira Code,Courier New,monospace}.contact-status{z-index:1;color:var(--text-main);letter-spacing:.04em;text-transform:uppercase;background:#10b98114;border:1px solid #10b98159;border-radius:999px;align-items:center;gap:10px;padding:8px 14px;font-size:.82rem;display:inline-flex;position:relative}.contact-status__dot{background:var(--primary);border-radius:50%;width:10px;height:10px;animation:1.7s infinite terminalPulse;box-shadow:0 0 #10b981a6}.contact-terminal__header,.contact-terminal__body{z-index:1;position:relative}.contact-terminal__header{margin-top:18px}.contact-terminal__body{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:24px;margin-top:28px;display:grid}.contact-terminal__panel{background:#0f172aad;border:1px solid #334155e6;border-radius:18px;padding:22px}.contact-terminal__prompt{color:var(--primary);margin-top:0;margin-bottom:20px;font-size:.92rem}.contact-terminal__group+.contact-terminal__group{margin-top:24px}.contact-terminal__group h3,.contact-terminal__form h3{margin-top:0;margin-bottom:14px}.contact-links{gap:12px;display:grid}.contact-link{color:var(--text-main);background:#020617b3;border:1px solid #334155f2;border-radius:14px;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:14px;padding:14px 16px;text-decoration:none;transition:border-color .25s,background-color .25s,transform .25s;display:grid}.contact-link:hover{background:#0f172aeb;border-color:#10b98173;transform:translate(4px)}.contact-link--disabled{opacity:.7;cursor:not-allowed}.contact-link--disabled:hover{background:#020617b3;border-color:#334155f2;transform:none}.contact-link__icon{width:42px;height:42px;color:var(--primary);background:#10b9811f;border-radius:12px;justify-content:center;align-items:center;display:inline-flex}.contact-link__content,.contact-link__content strong,.contact-link__value{display:block}.contact-link__content strong{margin-bottom:2px}.contact-link__value{color:var(--text-muted);font-size:.94rem}.contact-terminal__form{flex-direction:column;gap:16px;display:flex}.terminal-field{flex-direction:column;gap:8px;display:flex}.terminal-field span{color:var(--text-muted);letter-spacing:.08em;font-size:.8rem}.terminal-field input,.terminal-field textarea{box-sizing:border-box;width:100%;color:var(--text-main);font:inherit;background:#02061747;border:1px solid #334155;border-radius:12px;padding:14px 16px;transition:border-color .25s,box-shadow .25s,background-color .25s}.terminal-field input::placeholder,.terminal-field textarea::placeholder{color:#94a3b8b8}.terminal-field input:focus,.terminal-field textarea:focus{border-color:var(--primary);background:#02061780;outline:none;box-shadow:0 0 0 3px #10b9811f}.terminal-field textarea{resize:vertical;min-height:150px}.contact-submit{border:1px solid #0000;align-self:flex-start;gap:10px;transition:background-color .25s,border-color .25s,color .25s}.contact-submit:hover{background-color:#0ea371;border-color:#ffffff14}@keyframes terminalPulse{0%{opacity:.9;box-shadow:0 0 #10b98199}70%{opacity:1;box-shadow:0 0 0 8px #10b98100}to{opacity:.9;box-shadow:0 0 #10b98100}}@media (width<=860px){header.site-header{justify-content:center;padding:.9rem 1rem}.site-nav{order:3;gap:14px;width:100%}.header-actions{justify-content:center;width:100%}.recruiter-feature{grid-template-columns:1fr;padding:22px}.data-insights-chart{height:340px}.contact-terminal{padding:22px}.contact-terminal__body{grid-template-columns:1fr}.contact-submit{justify-content:center;width:100%}}@media (width<=640px){section{padding:84px 18px}.projects-container{grid-template-columns:1fr}.hero-actions{flex-direction:column;align-items:stretch}.hero-button-shell,.magnetic-surface--button{width:100%}.data-insights-grid{grid-template-columns:1fr}.recruiter-terminal__header,.recruiter-terminal__status{align-items:flex-start}.recruiter-reset{justify-content:center;width:100%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}