.overlay-container{z-index:99999999;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);scroll-snap-type:y mandatory;color:#fff;background:#0f1126f2;flex-direction:column;width:100vw;height:100vh;font-family:Space Grotesk,system-ui,-apple-system,sans-serif;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.overlay-container::-webkit-scrollbar{display:none}.overlay-container{-ms-overflow-style:none;scrollbar-width:none}.overlay-close-btn{z-index:10000;color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;transition:all .3s;display:flex;position:fixed;top:24px;right:24px}.overlay-close-btn:hover{background:#fff3;transform:scale(1.1)}.grid-container{width:100vw;display:grid}.projects-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:50vh}.skills-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:25vh}.grid-item{scroll-snap-align:start;opacity:0;will-change:opacity, transform;backface-visibility:hidden;flex-direction:column;justify-content:flex-end;align-items:center;animation:.7s cubic-bezier(.22,1,.36,1) forwards tileAppear;display:flex;position:relative;overflow:hidden;transform:translateY(24px)scale(.96)}@keyframes tileAppear{0%{opacity:0;transform:translateY(24px)scale(.96)}to{opacity:1;transform:translate(0,0)scale(1)}}.grid-item-img{object-fit:cover;z-index:-1;width:100%;height:100%;transition:transform .5s;position:absolute;top:0;left:0}.grid-item:hover .grid-item-img{transform:scale(1.05)}.grid-item-overlay{z-index:-1;background:linear-gradient(#000c 0%,#0003 40%,#000c 100%);width:100%;height:100%;position:absolute;top:0;left:0}.grid-item-header{text-shadow:0 2px 8px #000c;text-align:left;letter-spacing:1px;font-family:Syne,Space Grotesk,sans-serif;font-size:28px;font-weight:700;position:absolute;top:30px;left:30px;right:30px}.skills-grid .grid-item-header{font-size:20px;top:15px;left:15px;right:15px}.skills-grid .grid-item{-webkit-backdrop-filter:blur(12px)saturate(1.2);background:radial-gradient(circle at 50% 40%,#282c508c 0%,#080a18bf 100%);border:1px solid #ffffff0f;justify-content:center;transition:border-color .3s,transform .3s}.skills-grid .grid-item:hover{border-color:#a5b4fc59}.skills-grid .grid-item-img{object-fit:contain;z-index:1;filter:drop-shadow(0 8px 18px #0000008c);border-radius:18px;width:96px;height:96px;transition:transform .4s cubic-bezier(.22,1,.36,1);position:static}.skills-grid .grid-item:hover .grid-item-img{transform:scale(1.08)translateY(-4px)}.skills-grid .grid-item-overlay{display:none}.skills-grid .grid-item-name{letter-spacing:1px;text-transform:uppercase;color:#e6e9ff;-webkit-backdrop-filter:blur(10px);white-space:nowrap;z-index:2;background:#00000073;border:1px solid #ffffff14;border-radius:999px;padding:6px 16px;font-family:Space Grotesk,system-ui,sans-serif;font-size:13px;font-weight:600;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.skill-text-fallback{color:#fff;text-align:center;text-transform:uppercase;letter-spacing:.5px;filter:drop-shadow(0 8px 18px #0000008c);background:#6366f126;border:1px solid #a5b4fc4d;border-radius:18px;justify-content:center;align-items:center;width:96px;height:96px;font-family:Space Grotesk,system-ui,sans-serif;font-size:14px;font-weight:700;line-height:1.2;transition:transform .4s cubic-bezier(.22,1,.36,1);display:flex}.skills-grid .grid-item:hover .skill-text-fallback{transform:scale(1.08)translateY(-4px)}.skill-text-fallback-large{color:#fff;text-align:center;text-transform:uppercase;letter-spacing:2px;background:linear-gradient(135deg,#6366f133 0%,#8b5cf633 100%);border:1px solid #a5b4fc4d;border-radius:12px;justify-content:center;align-items:center;width:100%;height:400px;font-family:Space Grotesk,system-ui,sans-serif;font-size:48px;font-weight:800;display:flex;box-shadow:0 10px 30px #00000080}.grid-item-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-transform:uppercase;letter-spacing:2px;background:#ffffff26;border:1px solid #fff6;border-radius:30px;margin-bottom:40px;padding:12px 32px;font-family:Space Grotesk,system-ui,sans-serif;font-size:13px;font-weight:600;transition:all .3s}.skills-grid .grid-item-btn{margin-bottom:20px;padding:8px 20px;font-size:12px}.grid-item-btn:hover{background:#ffffff4d;transform:translateY(-2px);box-shadow:0 5px 15px #0000004d}.detail-modal{z-index:2147483647;color:#fff;background:#0a0a14fa;flex-direction:column;width:100vw;height:100vh;padding:60px;animation:.3s forwards modalFadeIn;display:flex;position:fixed;top:0;left:0;overflow-y:auto}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.modal-content{width:100%;max-width:1000px;margin:0 auto;position:relative}.modal-title{background:linear-gradient(135deg,#fff 0%,#a0b0ff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:30px;font-family:Syne,Space Grotesk,sans-serif;font-size:54px}.modal-images{justify-content:center;margin-bottom:40px;display:flex}.modal-images img{object-fit:cover;border-radius:12px;height:400px;box-shadow:0 10px 30px #00000080}.modal-images-container{margin-bottom:40px;position:relative}.image-nav-btn{color:#fff;cursor:pointer;z-index:10;background:#ffffff26;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.image-nav-btn:hover{background:#ffffff4d;transform:translateY(-50%)scale(1.1)}.image-nav-btn:disabled{opacity:.3;cursor:not-allowed}.image-nav-btn:disabled:hover{transform:translateY(-50%)}.image-nav-prev{left:-60px}.image-nav-next{right:-60px}.image-dots{justify-content:center;gap:10px;margin-top:20px;display:flex}.image-dot{cursor:pointer;background:#ffffff4d;border:none;border-radius:50%;width:12px;height:12px;transition:all .3s}.image-dot:hover{background:#ffffff80}.image-dot.active{background:#fffc;transform:scale(1.2)}.modal-skills{flex-wrap:wrap;gap:16px;margin-bottom:30px;display:flex}.modal-skill-tag{letter-spacing:1px;background:#ffffff14;border:1px solid #ffffff26;border-radius:30px;align-items:center;gap:8px;padding:10px 20px;font-weight:500;display:flex}.modal-description{color:#ccc;margin-bottom:40px;font-family:Space Grotesk,sans-serif;font-size:20px;line-height:1.8}.modal-link{color:#fff;letter-spacing:1px;background:linear-gradient(135deg,#3b4fd4 0%,#7c6fcd 100%);border-radius:30px;padding:16px 40px;font-size:16px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block;box-shadow:0 10px 20px #3b4fd466}.modal-link:hover{transform:translateY(-2px);box-shadow:0 15px 30px #3b4fd499}.modal-youtube{aspect-ratio:16/9;border-radius:12px;width:100%;margin-bottom:40px;overflow:hidden;box-shadow:0 10px 30px #00000080}.modal-youtube iframe{border:none;width:100%;height:100%}.stop-card{text-align:center;-webkit-user-select:none;user-select:none;color:#e6ecff;-webkit-backdrop-filter:blur(28px)saturate(1.6);background:linear-gradient(160deg,#141630b8 0%,#1e1c3c9e 50%,#0f1226c7 100%);border:1px solid #a5b4fc2e;border-radius:22px;min-width:380px;max-width:460px;padding:44px 48px;font-family:Space Grotesk,system-ui,-apple-system,sans-serif;position:relative;overflow:hidden;box-shadow:0 30px 60px -20px #0009,0 0 80px #6366f11f,inset 0 1px #ffffff14,inset 0 -1px #00000040}.stop-card:before{content:"";-webkit-mask-composite:xor;pointer-events:none;opacity:.9;background:conic-gradient(#0000 0deg,#a5b4fc73 60deg,#c4b5fd59 120deg,#0000 200deg 360deg);border-radius:22px;padding:1px;animation:9s linear infinite stopCardBorderSpin;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.stop-card:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#c4b5fd80,#0000);width:70%;height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}@keyframes stopCardBorderSpin{to{transform:rotate(360deg)}}.stop-card-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:#c4b5fde6;background:#6366f11f;border:1px solid #a5b4fc40;border-radius:999px;align-items:center;gap:8px;margin-bottom:18px;padding:5px 12px;font-size:11px;font-weight:600;display:inline-flex}.stop-card-eyebrow:before{content:"";background:#a5b4fc;border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px #a5b4fce6}.stop-card-title{letter-spacing:-.02em;background:linear-gradient(135deg,#fff 0%,#c7d2fe 45%,#c4b5fd 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 22px #a5b4fc47);-webkit-background-clip:text;background-clip:text;margin:0 0 14px;font-family:Syne,Space Grotesk,sans-serif;font-size:44px;font-weight:700;line-height:1.08}.stop-card-divider{background:linear-gradient(90deg,#0000,#a5b4fce6,#c4b5fde6,#0000);border-radius:2px;width:48px;height:2px;margin:14px auto 18px}.stop-card-subtitle{letter-spacing:.01em;color:#e2e8f0d1;margin:0;font-size:16px;font-weight:400;line-height:1.6}.stop-card-btn{letter-spacing:.16em;text-transform:uppercase;color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1d9 0%,#8b5cf6d9 100%);border:1px solid #c4b5fd73;border-radius:999px;align-items:center;gap:10px;margin-top:26px;padding:13px 28px;font-family:Space Grotesk,system-ui,sans-serif;font-size:13px;font-weight:600;transition:transform .25s,box-shadow .25s,background .25s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 10px 30px -8px #6366f199,0 0 40px #8b5cf62e,inset 0 1px #ffffff2e}.stop-card-btn:after{content:"";background:linear-gradient(120deg,#0000 30%,#ffffff40 50%,#0000 70%);transition:transform .6s;position:absolute;inset:0;transform:translate(-100%)}.stop-card-btn:hover{transform:translateY(-2px);box-shadow:0 14px 36px -8px #6366f1bf,0 0 50px #8b5cf647,inset 0 1px #ffffff38}.stop-card-btn:hover:after{transform:translate(100%)}.stop-card-btn:active{transform:translateY(0)}.stop-card-btn .arrow{transition:transform .25s;display:inline-block}.stop-card-btn:hover .arrow{transform:translate(4px)}.stop-contact-list{flex-direction:column;gap:12px;margin-top:22px;display:flex}.stop-contact-row{background:#ffffff0a;border:1px solid #a5b4fc2e;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;transition:border-color .25s,background .25s;display:flex}.stop-contact-row:hover{background:#ffffff0f;border-color:#c4b5fd73}.stop-contact-label{color:#e6ecffeb;align-items:center;gap:10px;font-family:Space Grotesk,sans-serif;font-size:14px;text-decoration:none;display:flex}.stop-contact-icon{background:linear-gradient(135deg,#6366f159,#8b5cf659);border:1px solid #a5b4fc4d;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;display:inline-flex}.stop-copy-btn{letter-spacing:.12em;text-transform:uppercase;color:#e6ecff;cursor:pointer;background:#6366f12e;border:1px solid #a5b4fc4d;border-radius:999px;padding:6px 14px;font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:600;transition:all .2s}.stop-copy-btn:hover{background:#6366f159;border-color:#c4b5fd99;transform:translateY(-1px)}@media (width<=768px){.stop-card{border-radius:18px;min-width:240px;max-width:300px;padding:26px 28px}.stop-card-eyebrow{letter-spacing:.14em;margin-bottom:12px;padding:4px 10px;font-size:9px}.stop-card-eyebrow:before{width:5px;height:5px}.stop-card-title{margin:0 0 10px;font-size:28px;line-height:1.1}.stop-card-divider{width:36px;height:1.5px;margin:10px auto 12px}.stop-card-subtitle{font-size:13px;line-height:1.5}.stop-card-btn{letter-spacing:.12em;gap:8px;margin-top:18px;padding:10px 20px;font-size:11px}.stop-contact-list{gap:8px;margin-top:16px}.stop-contact-row{border-radius:12px;gap:8px;padding:9px 12px}.stop-contact-label{gap:8px;font-size:12px}.stop-contact-icon{border-radius:7px;width:24px;height:24px;font-size:12px}.stop-copy-btn{letter-spacing:.1em;padding:5px 10px;font-size:10px}}.scene-loader{z-index:9999;opacity:1;color:#e6ecff;background:radial-gradient(#0a1230 0%,#04060f 60%,#02030a 100%);justify-content:center;align-items:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;transition:opacity .75s ease-out;display:flex;position:fixed;inset:0;overflow:hidden}.scene-loader--fade{opacity:0;pointer-events:none}.scene-loader__stars{opacity:.6;background-image:radial-gradient(1px 1px at 20px 30px,#fff,#0000),radial-gradient(1px 1px at 40px 70px,#cfd8ff,#0000),radial-gradient(1px 1px at 90px 40px,#fff,#0000),radial-gradient(1px 1px at 130px 80px,#a5b4fc,#0000),radial-gradient(2px 2px at 160px 30px,#fff,#0000),radial-gradient(1px 1px at 200px 90px,#cfd8ff,#0000),radial-gradient(1px 1px at 240px 50px,#fff,#0000),radial-gradient(1px 1px at 280px 120px,#a5b4fc,#0000),radial-gradient(1px 1px at 320px 60px,#fff,#0000);background-repeat:repeat;background-size:350px 200px;animation:80s linear infinite drift;position:absolute;inset:-50%}.scene-loader__stars--2{opacity:.35;background-size:500px 280px;animation-duration:140s;animation-direction:reverse}@keyframes drift{0%{transform:translate(0,0)}to{transform:translate(-350px,-200px)}}.scene-loader__center{flex-direction:column;align-items:center;gap:36px;padding:24px;display:flex;position:relative}.scene-loader__orbit{justify-content:center;align-items:center;width:200px;height:200px;display:flex;position:relative}.scene-loader__moon{background:radial-gradient(circle at 35% 35%,#fff 0%,#e8eeff 40%,#b8c4e8 100%);border-radius:50%;width:56px;height:56px;animation:3s ease-in-out infinite pulse;box-shadow:0 0 30px #d0deff99,0 0 60px #8ab4f859,0 0 100px #8ab4f826}@keyframes pulse{0%,to{box-shadow:0 0 30px #d0deff99,0 0 60px #8ab4f859,0 0 100px #8ab4f826}50%{box-shadow:0 0 40px #d0deffcc,0 0 80px #8ab4f880,0 0 130px #8ab4f840}}.scene-loader__ring{border:1px solid #a5b4fc26;border-radius:50%;position:absolute;inset:0}.scene-loader__ring--1{animation:4s linear infinite spin;inset:30px}.scene-loader__ring--2{border-color:#a5b4fc1f;animation:6s linear infinite reverse spin;inset:10px}.scene-loader__ring--3{border-color:#a5b4fc14;animation:10s linear infinite spin;inset:-10px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.scene-loader__planet{background:#a5b4fc;border-radius:50%;position:absolute;top:50%;left:0;transform:translate(-50%,-50%);box-shadow:0 0 12px #a5b4fcb3}.scene-loader__planet--a{background:#fda4af;width:8px;height:8px;box-shadow:0 0 12px #fda4afb3}.scene-loader__planet--b{background:#fcd34d;width:6px;height:6px;box-shadow:0 0 10px #fcd34db3}.scene-loader__planet--c{background:#67e8f9;width:10px;height:10px;box-shadow:0 0 14px #67e8f9b3}.scene-loader__text{text-align:center;flex-direction:column;align-items:center;gap:10px;width:min(360px,80vw);display:flex}.scene-loader__title{letter-spacing:.04em;color:#e6ecff;text-shadow:0 0 20px #a5b4fc66;font-size:18px;font-weight:600}.scene-loader__subtitle{color:#8b96c2;letter-spacing:.02em;font-size:13px;font-weight:400}.scene-loader__bar{background:#a5b4fc1f;border-radius:999px;width:100%;height:3px;margin-top:14px;position:relative;overflow:hidden}.scene-loader__bar-fill{background:linear-gradient(90deg,#8ab4f8 0%,#a5b4fc 50%,#c4b5fd 100%);border-radius:999px;height:100%;transition:width .35s ease-out;box-shadow:0 0 12px #a5b4fc99}.scene-loader__percent{font-variant-numeric:tabular-nums;color:#a5b4fc;letter-spacing:.08em;font-size:12px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{overscroll-behavior:none;touch-action:none;width:100%;height:100%;overflow:hidden}canvas{touch-action:none}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-feature-settings:"ss01", "ss02", "cv11";font-family:Space Grotesk,system-ui,-apple-system,Segoe UI,sans-serif}@keyframes cardFloat{0%{transform:translateY(0)rotate(0)}25%{transform:translateY(-4px)rotate(.4deg)}50%{transform:translateY(-2px)rotate(-.3deg)}75%{transform:translateY(-5px)rotate(.2deg)}to{transform:translateY(0)rotate(0)}}.stop-card{transition:transform .5s cubic-bezier(.25,.46,.45,.94),box-shadow .5s,background .5s;animation:6s ease-in-out infinite cardFloat}.stop-card:hover{box-shadow:0 20px 60px #0000004d,0 0 40px #ffffff1f,inset 0 0 0 1px #fff3;background:#ffffff47!important;transform:translateY(-6px)scale(1.03)rotate(0)!important}.stop-card-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#1a1a2e;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:#ffffff26;border:1.5px solid #ffffff80;margin-top:20px;padding:10px 32px;font-family:Space Grotesk,Segoe UI,system-ui,sans-serif;font-size:14px;font-weight:600;transition:all .35s;display:inline-block}.stop-card-btn:hover{background:#ffffff59;border-color:#ffffffb3;transform:translateY(-1px);box-shadow:0 4px 16px #00000026}