*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--blue: rgb(68, 145, 218);--yellow: rgb(68, 145, 218);--yellow-dim: rgba(240, 192, 64, .15);--black: #000;--off-black: #111111;--near-black: #161616;--white: #fafafa;--off-white: #f3f3f0;--grey-100: #eeeeeb;--grey-400: #999;--grey-600: #555;--font-display: "Syne", sans-serif;--font-body: "DM Sans", sans-serif;--max-w: 1200px;--section-pad: 120px;--radius: 16px;--transition: .25s cubic-bezier(.4, 0, .2, 1)}html{scroll-behavior:smooth}body{background:var(--black);color:var(--white);font-family:var(--font-body);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--black)}::-webkit-scrollbar-thumb{background:var(--blue);border-radius:3px}.app{overflow-x:hidden}.section{padding:var(--section-pad) 0}.section--dark{background:var(--off-black)}.section-inner{max-width:var(--max-w);margin:0 auto;padding:0 40px}.section-label{font-size:.75rem;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--blue);margin-bottom:16px;display:flex;align-items:center;gap:12px}.section-label:before{content:"";display:block;width:32px;height:1.5px;background:var(--blue)}.section-label.light{color:var(--blue)}.section-heading{font-family:var(--font-display);font-size:clamp(2.2rem,5vw,3.8rem);font-weight:800;letter-spacing:-1.5px;line-height:1.05;color:var(--black);margin-bottom:60px}.section-heading.light{color:var(--white)}.fade-in{animation:fadeUp .7s ease forwards}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-body);font-size:.95rem;font-weight:600;padding:14px 28px;border-radius:999px;border:2px solid transparent;cursor:pointer;transition:var(--transition);letter-spacing:.2px;text-decoration:none}.btn-primary{background-color:#1a202c;color:#a0aec0;padding:15px 30px;border-radius:10px;text-decoration:none;font-size:18px;box-shadow:10px 10px 20px #00000080,-10px -10px 20px #ffffff0d;transition:all .3s ease}.btn-primary:hover{background:transparent;color:#fff;transform:translateY(-2px)}.btn-primary:active{box-shadow:inset 5px 5px 10px #00000080,inset -5px -5px 10px #ffffff0d;padding:13px 28px}.btn-secondary{background-color:#1a202c;color:#a0aec0;border-radius:10px;text-decoration:none;font-size:18px;box-shadow:10px 10px 20px #00000080,-10px -10px 20px #ffffff0d;transition:all .3s ease;box-shadow:inset 5px 5px 10px #00000080,inset -5px -5px 10px #ffffff0d;padding:13px 28px}.btn-secondary:hover{color:#fff;transform:translateY(-2px)}.btn--full{width:100%;justify-content:center}.btn-arrow{display:inline-block;transition:transform .2s}.btn:hover .btn-arrow{transform:translate(4px)}.header{position:fixed;top:0;left:0;right:0;z-index:100;padding:24px 40px;transition:background .3s,padding .3s,box-shadow .3s}.header--scrolled{background:#0a0a0aeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:16px 40px;box-shadow:0 1px #ffffff0f}.header-inner{max-width:var(--max-w);margin:0 auto;display:flex;align-items:center;justify-content:space-between}.header-logo{font-family:var(--font-display);font-size:1.4rem;font-weight:800;letter-spacing:-.5px;color:var(--white)}.logo-accent{color:var(--blue)}.header-nav{display:flex;align-items:center;gap:32px}.nav-link{font-size:.88rem;font-weight:500;color:#ffffffb3;transition:color var(--transition);letter-spacing:.2px}.nav-link:hover{color:var(--white)}.nav-available{display:flex;align-items:center;gap:7px;font-size:.78rem;font-weight:600;color:#4ade80;background:#4ade801a;padding:5px 12px;border-radius:999px;border:1px solid rgba(74,222,128,.25)}.pulse-dot{width:7px;height:7px;background:#4ade80;border-radius:50%;animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 #4ade8080}50%{box-shadow:0 0 0 5px #4ade8000}}.smil-btn{display:none;background:#ffffff08;border:3px solid rgba(255,255,255,.2);cursor:pointer;padding:6px;z-index:101;border-radius:8px;transition:background var(--transition),border-color var(--transition);-webkit-tap-highlight-color:transparent}.smil-btn:hover{background:#ffffff12;border-color:#ffffff80}.smil-btn--open{background:#4491da1a;border-color:var(--blue)}.smil-icon{display:block;stroke:var(--white);fill:none;stroke-width:10;stroke-linecap:round;transition:stroke .3s ease}.smil-btn--open .smil-icon{stroke:var(--blue)}.hero{min-height:100vh;background:var(--black);position:relative;overflow:hidden;padding:120px 40px 80px}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 60% 50%,rgba(240,192,64,.06) 0%,transparent 70%),radial-gradient(ellipse 40% 40% at 85% 20%,rgba(240,192,64,.04) 0%,transparent 60%);pointer-events:none}.hero-svg-wrap{position:absolute;right:-2%;top:50%;transform:translateY(-50%) translate(40px);width:62%;z-index:1;opacity:0;transition:opacity 1s ease .5s,transform 1s ease .5s}.hero-svg-wrap--visible{opacity:1;transform:translateY(-50%) translate(0)}.hero-svg{width:100%;height:auto;display:block;filter:brightness(.9) saturate(.8);-webkit-user-select:none;user-select:none;pointer-events:none}.hero-svg-fade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,var(--black) 0%,rgba(10,10,10,.85) 15%,rgba(10,10,10,.4) 32%,transparent 52%);pointer-events:none}.hero-content{position:relative;z-index:3;max-width:680px;opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}.hero-content--visible{opacity:1;transform:translateY(0)}.hero-eyebrow{display:flex;align-items:center;gap:14px;font-size:.75rem;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--yellow);margin-bottom:32px}.eyebrow-line{display:block;width:40px;height:1.5px;background:var(--yellow)}.hero-name{font-family:var(--font-display);font-size:clamp(3rem,7.5vw,6.5rem);font-weight:800;line-height:.92;letter-spacing:-4px;color:var(--white);margin-bottom:24px;text-shadow:0 4px 60px rgba(0,0,0,.95),0 2px 20px rgba(0,0,0,.8),0 0 100px rgba(0,0,0,.5)}.hero-name-jr{display:inline-block;padding-left:.08em}.hero-dot{color:var(--blue)}.hero-role-wrap{height:2.4rem;overflow:hidden;margin-bottom:28px}.hero-role{display:block;font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:#ffffff80;letter-spacing:-.3px;animation:roleSlide .5s ease forwards}@keyframes roleSlide{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.hero-tagline{font-size:clamp(1rem,2vw,1.2rem);color:#ffffff8c;max-width:520px;margin-bottom:44px;line-height:1.8;font-weight:300}.hero-actions{display:flex;gap:16px;flex-wrap:wrap}.hero-bg-text{position:absolute;right:-2%;bottom:-8%;font-family:var(--font-display);font-size:clamp(200px,30vw,420px);font-weight:800;color:transparent;-webkit-text-stroke:1px rgba(240,192,64,.06);letter-spacing:-10px;line-height:1;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0}.scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;font-size:.7rem;letter-spacing:2px;text-transform:uppercase;color:#ffffff4d;z-index:2}.scroll-line{width:1px;height:48px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.3));animation:scrollDrop 2s ease-in-out infinite}@keyframes scrollDrop{0%,to{transform:scaleY(1);opacity:1}50%{transform:scaleY(.6);opacity:.3}}.about{background:var(--off-white)}.about-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:start}.about-left{display:flex;flex-direction:column;gap:32px}.about-photo-wrap{position:relative}.about-photo-placeholder{aspect-ratio:3 / 4;background:var(--grey-100);border-radius:var(--radius);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border:2px dashed #ccc;position:relative;overflow:hidden}.photo-initials{font-family:var(--font-display);font-size:6rem;font-weight:800;color:var(--grey-400);letter-spacing:-3px}.photo-label{font-size:.78rem;color:var(--grey-400);font-weight:500;position:absolute;bottom:16px;background:#fff;padding:4px 10px;border-radius:6px}.photo-border-accent{position:absolute;top:16px;right:-16px;width:100%;height:100%;border:2px solid var(--blue);border-radius:var(--radius);z-index:-1}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stat-card{background:var(--white);border-radius:12px;padding:20px 16px;display:flex;flex-direction:column;gap:4px;border:1.5px solid var(--grey-100);transition:border-color var(--transition),transform var(--transition)}.stat-card:hover{border-color:var(--blue);transform:translateY(-2px)}.stat-value{font-family:var(--font-display);font-size:2rem;font-weight:800;color:var(--black);letter-spacing:-1px;line-height:1}.stat-label{font-size:.78rem;color:var(--grey-600);font-weight:500}.about-right{padding-top:8px}.about-bio{display:flex;flex-direction:column;gap:20px;color:var(--grey-600);font-size:1.05rem;font-weight:300;line-height:1.85}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.skill-group{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);padding:32px 28px;transition:border-color var(--transition)}.skill-group:hover{border-color:#f0c0404d}.skill-group-header{display:flex;align-items:center;gap:12px;margin-bottom:28px}.skill-group-emoji{font-size:1.6rem}.skill-group-title{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--white)}.skill-bars{display:flex;flex-direction:column;gap:18px}.skill-bar-header{display:flex;justify-content:space-between;margin-bottom:8px}.skill-name{font-size:.88rem;color:#fffc;font-weight:500}.skill-level{font-size:.78rem;color:var(--blue);font-weight:600;font-family:var(--font-display)}.skill-bar-track{height:4px;background:#ffffff1a;border-radius:999px;overflow:hidden}.skill-bar-fill{height:100%;background:linear-gradient(to right,var(--blue),rgba(240,192,64,.6));border-radius:999px;transition:width 1.2s cubic-bezier(.4,0,.2,1)}.code-story{background:var(--off-black)}.code-story .section-inner{opacity:0;transform:translateY(32px);transition:opacity .8s ease,transform .8s ease}.code-story--visible .section-inner{opacity:1;transform:translateY(0)}.cs-editor{border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.08);box-shadow:0 48px 96px #000000b3,0 8px 32px #00000080,inset 0 1px #ffffff0f;font-family:JetBrains Mono,Fira Code,Cascadia Code,Consolas,Menlo,Monaco,monospace;font-size:.83rem;line-height:1.75}.cs-titlebar{background:#1e1e2e;padding:10px 16px;display:flex;align-items:center;gap:16px;border-bottom:1px solid rgba(255,255,255,.06);-webkit-user-select:none;user-select:none}.cs-dots{display:flex;gap:7px;flex-shrink:0}.cs-dot{width:12px;height:12px;border-radius:50%}.cs-dot--red{background:#ff5f57}.cs-dot--yellow{background:#febc2e}.cs-dot--green{background:#28c840}.cs-tabs{display:flex;gap:2px}.cs-tab{display:flex;align-items:center;gap:8px;padding:5px 18px;font-size:.75rem;color:#fff6;background:transparent;cursor:default;border-top:2px solid transparent}.cs-tab--active{background:#0d1117;color:#ffffffe0;border-top:2px solid var(--blue)}.cs-tab-icon{font-size:.58rem;font-weight:700;letter-spacing:.5px;color:var(--blue);background:#4491da26;border:1px solid rgba(68,145,218,.3);padding:1px 5px;border-radius:3px}.cs-body{background:#0d1117;display:flex;max-height:640px;overflow-y:auto;overflow-x:auto}.cs-body::-webkit-scrollbar{width:6px;height:6px}.cs-body::-webkit-scrollbar-track{background:#0d1117}.cs-body::-webkit-scrollbar-thumb{background:#ffffff17;border-radius:3px}.cs-code-wrap{flex:1;min-width:0}.cs-code{padding:20px 0 36px}.cs-line{display:flex;align-items:baseline;white-space:pre;padding-right:40px;min-height:1.75em}.cs-line--indent{padding-left:28px}.cs-line--blank{min-height:.9em}.cs-line:hover{background:#ffffff07}.cs-line:hover .cs-ln{color:#ffffff8c}.cs-ln{display:inline-block;min-width:44px;padding:0 16px 0 20px;color:#ffffff2b;text-align:right;-webkit-user-select:none;user-select:none;pointer-events:none;flex-shrink:0;font-variant-numeric:tabular-nums}.cs-kw{color:#ff79c6}.cs-str{color:#a8ff78}.cs-num{color:#ffb86c}.cs-prop{color:#8be9fd}.cs-fn{color:var(--blue)}.cs-pun{color:#ffffff61}.cs-bool{color:#bd93f9}.cs-cm{color:#ffffff45;font-style:italic;white-space:pre}.cs-commit-block{opacity:0;transform:translate(-10px);transition:opacity .5s ease,transform .5s ease}.cs-commit-block--visible{opacity:1;transform:translate(0)}.cs-sha{color:#ffb86c;font-weight:700;letter-spacing:1.5px;margin-right:16px;flex-shrink:0}.cs-msg{color:#ffffffb8}.cs-terminal-line{margin-top:4px}.cs-prompt{color:#a8ff78;font-weight:700}.cs-prompt-cmd{color:#ffffff8c}.cs-cursor{color:transparent;margin-left:1px}.cs-cursor--on{color:var(--blue)}.cs-minimap{width:72px;flex-shrink:0;background:#080d14;padding:20px 8px;display:flex;flex-direction:column;gap:4.5px;border-left:1px solid rgba(255,255,255,.04);overflow:hidden;pointer-events:none}.cs-minimap-line{height:2.5px;border-radius:1px}.cs-statusbar{background:#1565c0;padding:3px 14px;display:flex;align-items:center;gap:2px;-webkit-user-select:none;user-select:none}.cs-status-l,.cs-status-r{font-size:.69rem;color:#ffffffe0;padding:0 8px;white-space:nowrap;line-height:1.8}.cs-status-spacer{flex:1}.cs-status-dot{display:inline-block;width:6px;height:6px;background:#a8ff78;border-radius:50%;margin-right:5px;vertical-align:middle}@media (max-width: 768px){.cs-editor{font-size:.73rem;border-radius:8px}.cs-minimap{display:none}.cs-body{max-height:560px}}@media (max-width: 480px){.cs-editor{font-size:.65rem}.cs-ln{min-width:30px;padding:0 8px 0 10px}.cs-statusbar{gap:0;padding:3px 8px}.cs-status-r{display:none}}.projects{position:relative;overflow:hidden}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.project-card{background:var(--project-bg, #111);color:var(--project-text, #fafafa);border-radius:var(--radius);overflow:hidden;opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease,box-shadow .3s ease;cursor:default}.project-card--visible{opacity:1;transform:translateY(0)}.project-card--featured{grid-column:span 1}.project-card:hover{box-shadow:0 24px 60px #0006;transform:translateY(-4px)!important}.project-card-inner{padding:32px;display:flex;flex-direction:column;height:100%}.project-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.project-emoji{font-size:2.4rem}.project-year{font-size:.75rem;font-weight:600;opacity:.4;font-family:var(--font-display);letter-spacing:1px}.project-category{font-size:.73rem;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:var(--project-accent);margin-bottom:8px}.project-title{font-family:var(--font-display);font-size:1.3rem;font-weight:800;letter-spacing:-.3px;margin-bottom:12px;line-height:1.2}.project-desc{font-size:.88rem;opacity:.65;line-height:1.7;margin-bottom:20px;font-weight:300;flex:1}.project-metrics{font-size:.82rem;background:#ffffff12;border-radius:8px;padding:10px 14px;margin-bottom:16px;display:flex;gap:8px}.metrics-label{opacity:.5;font-weight:500}.metrics-value{color:var(--project-accent);font-weight:600}.project-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.project-tag{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:4px 10px;border-radius:6px;background:#ffffff1a;opacity:.7}.project-link{font-size:.88rem;font-weight:600;color:var(--project-accent);display:flex;align-items:center;gap:6px;transition:gap var(--transition);margin-top:auto}.project-link:hover{gap:10px}.projects-scan-line{position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(to right,transparent 0%,var(--blue) 20%,rgba(255,255,255,.9) 50%,var(--blue) 80%,transparent 100%);box-shadow:0 0 18px 4px #4491da99,0 0 40px 8px #4491da40;animation:scanDown .9s cubic-bezier(.4,0,.2,1) forwards;pointer-events:none;z-index:10}@keyframes scanDown{0%{top:0%;opacity:1}to{top:100%;opacity:0}}.section-label--arrived{animation:headingArrive .6s cubic-bezier(.34,1.56,.64,1) .1s both}.section-heading--arrived{animation:headingArrive .7s cubic-bezier(.34,1.56,.64,1) .2s both}@keyframes headingArrive{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.project-card--spotlight{animation:cardSpotlight .8s ease forwards}@keyframes cardSpotlight{0%{box-shadow:none}40%{box-shadow:0 0 0 2px var(--blue),0 0 24px #4491da59}to{box-shadow:none}}.principles{background:var(--off-black)}.principles-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;padding-top:30px;padding-bottom:30px}.principle-card{background:var(--near-black);border:1px solid rgba(255,255,255,.08);padding:48px;border-radius:var(--radius);transition:border-color var(--transition),transform var(--transition)}.principle-card:hover{border-color:var(--blue);transform:translateY(-5px)}.principle-number{font-family:var(--font-display);font-size:.85rem;color:var(--blue);font-weight:800;margin-bottom:24px;display:inline-block;letter-spacing:2px;border-bottom:1px solid var(--blue)}.principle-title{font-family:var(--font-display);font-size:1.6rem;font-weight:700;color:var(--white);margin-bottom:16px;letter-spacing:-.5px}.principle-text{font-size:1rem;color:#ffffff80;line-height:1.8;font-weight:300}.contact{background:var(--near-black)}.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:start}.contact-subtext{font-size:1rem;color:#ffffff80;line-height:1.8;font-weight:300;margin-bottom:36px;margin-top:-20px;max-width:380px}.contact-details{display:flex;flex-direction:column;gap:12px;margin-bottom:36px}.contact-detail-link{display:flex;align-items:center;gap:12px;font-size:.92rem;color:#ffffffb3;transition:color var(--transition)}.contact-detail-link:hover{color:var(--blue)}.contact-icon{width:36px;height:36px;background:var(--near-black);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0;box-shadow:4px 4px 10px #0c0c0c,-3px -3px 8px #202020}.social-links{display:flex;gap:12px;flex-wrap:wrap}.social-link{display:flex;align-items:center;gap:8px;font-size:.82rem;font-weight:600;padding:9px 18px;background:var(--near-black);border:none;border-radius:999px;color:#fff9;transition:box-shadow var(--transition),color var(--transition),transform var(--transition);box-shadow:5px 5px 12px #0c0c0c,-4px -4px 10px #202020}.social-link:hover{color:var(--blue);transform:translateY(-2px);box-shadow:7px 7px 16px #0c0c0c,-5px -5px 12px #222}.social-link:active{transform:translateY(0);box-shadow:inset 3px 3px 7px #0c0c0c,inset -2px -2px 6px #202020}.social-icon{font-size:.9rem}.contact-form{display:flex;flex-direction:column;gap:16px;background:var(--near-black);border:none;border-radius:16px;padding:24px;max-width:400px;margin:0 auto;box-shadow:8px 8px 18px #0c0c0c,-6px -6px 15px #202020}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:.7rem;font-weight:700;color:#ffffff73;letter-spacing:1.5px;text-transform:uppercase}.form-input{background:var(--near-black);border:none;border-radius:10px;padding:10px 14px;font-family:var(--font-body);font-size:.85rem;color:var(--white);outline:none;transition:box-shadow var(--transition),color var(--transition);box-shadow:inset 3px 3px 7px #0c0c0c,inset -2px -2px 6px #1e1e1e}.form-input::placeholder{color:#fff3}.form-input:focus{box-shadow:inset 3px 3px 7px #0c0c0c,inset -2px -2px 6px #1e1e1e,inset 0 0 0 2px #4491da73,0 0 12px #4491da1a}.form-input:hover:not(:focus){box-shadow:inset 4px 4px 10px #0a0a0a,inset -3px -3px 8px #212121}.form-textarea{resize:vertical;min-height:90px;line-height:1.5}.contact-form .btn-primary{background:var(--blue);color:var(--black);border-radius:10px;font-size:.9rem;padding:12px 24px;width:100%;justify-content:center;box-shadow:4px 4px 12px #0c0c0c,-3px -3px 10px #1e1e1e,0 0 15px #4491da26}.contact-form .btn-primary:hover,.contact-form .btn-primary:active{transform:translateY(1px);box-shadow:inset 3px 3px 8px #0006,inset -2px -2px 6px #ffffff12}.footer{background:var(--black);border-top:1px solid rgba(255,255,255,.07);padding:40px 40px 24px}.footer-inner{max-width:var(--max-w);margin:0 auto 32px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.footer-left{display:flex;align-items:center;gap:16px}.footer-logo{font-family:var(--font-display);font-size:1.3rem;font-weight:800;color:var(--white)}.footer-credit{font-size:.82rem;color:#ffffff4d}.footer-stack{font-size:.78rem;color:#ffffff40;letter-spacing:1px}.footer-bottom{max-width:var(--max-w);margin:0 auto;padding-top:24px;border-top:1px solid rgba(255,255,255,.05);font-size:.78rem;color:#fff3;text-align:center}.footer-right{display:flex;align-items:center}.footer-privacy-link{font-size:.78rem;font-weight:500;color:#ffffff40;transition:color var(--transition);text-decoration:none}.footer-privacy-link:hover{color:var(--blue)}.footer-bottom-link{color:#ffffff4d;text-decoration:none;transition:color var(--transition)}.footer-bottom-link:hover{color:var(--blue)}.consent-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#000000bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:20px;animation:backdropIn .2s ease forwards}@keyframes backdropIn{0%{opacity:0}to{opacity:1}}.consent-modal{position:relative;background:var(--near-black);border-radius:20px;padding:48px 44px;max-width:520px;width:100%;box-shadow:14px 14px 32px #0c0c0c,-8px -8px 22px #202020,0 0 0 1px #ffffff0f inset;animation:modalIn .3s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes modalIn{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.consent-close{position:absolute;top:16px;right:16px;background:#ffffff0d;border:none;border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:#fff6;cursor:pointer;transition:background var(--transition),color var(--transition)}.consent-close:hover{background:#ffffff1a;color:var(--white)}.consent-icon{font-size:2rem;margin-bottom:16px;line-height:1}.consent-title{font-family:var(--font-display);font-size:1.6rem;font-weight:800;color:var(--white);letter-spacing:-.5px;margin-bottom:20px}.consent-body{display:flex;flex-direction:column;gap:16px;margin-bottom:28px}.consent-body p{font-size:.92rem;color:#ffffff80;line-height:1.7;font-weight:300}.consent-list{list-style:none;display:flex;flex-direction:column;gap:12px;padding:0;margin:0}.consent-list li{display:flex;align-items:flex-start;gap:12px;font-size:.9rem;color:#ffffffb3;line-height:1.6;font-weight:300}.consent-list strong{color:var(--white);font-weight:600}.consent-check{color:var(--blue);font-weight:700;font-size:.8rem;flex-shrink:0;margin-top:2px}.consent-policy-link{font-size:.82rem!important;color:#ffffff59!important}.consent-policy-link a{color:var(--blue);text-decoration:none;font-weight:500}.consent-policy-link a:hover{text-decoration:underline}.consent-checkbox-row{display:flex;align-items:flex-start;gap:14px;cursor:pointer;margin-bottom:28px;background:var(--near-black);border-radius:12px;padding:16px 18px;box-shadow:inset 3px 3px 8px #0c0c0c,inset -2px -2px 7px #1e1e1e}.consent-checkbox{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:20px;height:20px;min-width:20px;border-radius:6px;background:var(--near-black);border:none;cursor:pointer;margin-top:1px;transition:box-shadow var(--transition),background var(--transition);box-shadow:inset 2px 2px 6px #0c0c0c,inset -2px -2px 5px #1e1e1e}.consent-checkbox:checked{background:var(--blue);box-shadow:0 2px 8px #4491da66,inset 0 0 0 2px #ffffff26;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M2 6l3 3 5-5'/%3E%3C/svg%3E");background-size:65%;background-repeat:no-repeat;background-position:center}.consent-checkbox-label{font-size:.9rem;color:#ffffffb3;line-height:1.5;font-weight:400;-webkit-user-select:none;user-select:none}.consent-actions{display:flex;gap:12px;flex-wrap:wrap}.consent-actions .btn-primary:disabled{opacity:.35;cursor:not-allowed;transform:none!important;box-shadow:none!important}@media (max-width: 600px){.consent-modal{padding:36px 24px}.consent-actions{flex-direction:column}.consent-actions .btn{width:100%;justify-content:center}}@media (max-width: 1024px){.skills-grid,.projects-grid{grid-template-columns:1fr 1fr}}@media (max-width: 768px){:root{--section-pad: 80px}.header{padding:18px 20px}.header--scrolled{padding:14px 20px}.header-nav{display:none}.header-nav--open{display:flex;flex-direction:column;position:fixed;top:0;right:0;bottom:0;left:0;background:var(--black);align-items:center;justify-content:center;gap:40px;z-index:99}.header-nav--open .nav-link{font-size:1.5rem}.hero{padding:100px 20px 80px}.hero-name{letter-spacing:-2px}.hero-svg-wrap,.hero-bg-text,.scroll-indicator{display:none}.section-inner{padding:0 20px}.about-grid{grid-template-columns:1fr;gap:48px}.photo-border-accent{display:none}.about-photo-placeholder{aspect-ratio:1}.skills-grid,.projects-grid,.principles-grid{grid-template-columns:1fr}.contact-grid{grid-template-columns:1fr;gap:48px}.contact-form{padding:24px}.principle-card{padding:32px}.footer-inner{flex-direction:column;align-items:flex-start}}@media (max-width: 480px){.hero-actions{flex-direction:column}.btn{width:100%;justify-content:center}.stats-grid{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.progress-wrap{display:none!important}}.progress-wrap{position:fixed;right:40px;bottom:40px;height:46px;width:46px;cursor:pointer;display:block;border-radius:50px;box-shadow:inset 0 0 0 2px #4491da33;z-index:10000;opacity:0;visibility:hidden;transform:translateY(15px);transition:all .2s linear}.progress-wrap.active-progress{opacity:1;visibility:visible;transform:translateY(0)}.progress-wrap:after{position:absolute;content:"↑";text-align:center;line-height:46px;font-size:20px;color:var(--blue);left:0;top:0;height:46px;width:46px;display:block;z-index:1;transition:all .2s linear}.progress-wrap svg path{fill:none}.progress-wrap svg.progress-circle path{stroke:var(--blue);stroke-width:4;box-sizing:border-box;transition:all .2s linear}.progress-wrap{transition:transform .2s linear,opacity .2s linear,background-color .15s ease-in-out,box-shadow .15s ease-in-out}.progress-wrap.on-light{background:#fff;box-shadow:0 10px 30px #0000001a,inset 0 0 0 2px #4491da1a}.progress-wrap.on-light:after{color:#000}.progress-wrap.on-light svg.progress-circle path{stroke:var(--blue)}