@import url(https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500&display=swap);:root{--bg:#030308;--bg2:#06060f;--purple:#7c3aed;--purple-bright:#a855f7;--blue:#3b82f6;--cyan:#06b6d4;--white:#f8f8ff;--muted:#8b8ba7;--card-bg:#ffffff08;--card-border:#7c3aed2e;--glow:#7c3aed59;--font-display:"Syne",sans-serif;--font-body:"DM Sans",sans-serif}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:#030308;background:var(--bg);color:#f8f8ff;color:var(--white);font-family:DM Sans,sans-serif;font-family:var(--font-body);overflow-x:hidden}.home-page,.home-page *{cursor:none}#cursor{background:#a855f7;background:var(--purple-bright);height:12px;mix-blend-mode:screen;transition:transform .1s,width .3s,height .3s,background .3s;width:12px;z-index:9999}#cursor,#cursor-glow{border-radius:50%;pointer-events:none;position:fixed;transform:translate(-50%,-50%)}#cursor-glow{background:radial-gradient(circle,#a855f74d,#0000 70%);height:48px;width:48px;z-index:9998}#scroll-progress{background:linear-gradient(90deg,#7c3aed,#06b6d4);background:linear-gradient(90deg,var(--purple),var(--cyan));box-shadow:0 0 8px #a855f7;box-shadow:0 0 8px var(--purple-bright);height:2px;left:0;position:fixed;top:0;transition:width .1s;z-index:9997}.loader{align-items:center;background:#030308;background:var(--bg);display:flex;flex-direction:column;gap:24px;inset:0;justify-content:center;position:fixed;transition:opacity .6s,visibility .6s;z-index:10000}.loader.hidden{opacity:0;pointer-events:none;visibility:hidden}.loader-logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a855f7,#06b6d4);background:linear-gradient(135deg,var(--purple-bright),var(--cyan));-webkit-background-clip:text;font-family:Syne,sans-serif;font-family:var(--font-display);font-size:2rem;font-weight:800;letter-spacing:-.02em}.loader-bar{background:#ffffff14;border-radius:2px;height:2px;overflow:hidden;width:200px}.loader-bar-fill{animation:loadFill 1.8s cubic-bezier(.4,0,.2,1) forwards;background:linear-gradient(90deg,#7c3aed,#06b6d4);background:linear-gradient(90deg,var(--purple),var(--cyan));border-radius:2px;height:100%}@keyframes loadFill{0%{width:0}to{width:100%}}nav.portfolio-nav{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#03030899;border-bottom:1px solid #ffffff0a;display:flex;justify-content:space-between;left:0;padding:20px 60px;position:fixed;right:0;top:0;transition:padding .3s;z-index:100}nav.portfolio-nav.scrolled{padding:14px 60px}.nav-logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff 40%,#a855f7);background:linear-gradient(135deg,#fff 40%,var(--purple-bright));-webkit-background-clip:text;font-family:Syne,sans-serif;font-family:var(--font-display);font-size:1.25rem;font-weight:800;letter-spacing:-.02em;text-decoration:none}.nav-links{display:flex;gap:40px;list-style:none}.nav-links a{color:#8b8ba7;color:var(--muted);font-size:.875rem;font-weight:500;letter-spacing:.02em;text-decoration:none;transition:color .2s}.nav-links a:hover{color:#f8f8ff;color:var(--white)}.nav-cta{background:linear-gradient(135deg,#7c3aed,#6d28d9);background:linear-gradient(135deg,var(--purple),#6d28d9);border:none;border-radius:8px;box-shadow:0 0 20px #7c3aed4d;color:#fff;font-family:DM Sans,sans-serif;font-family:var(--font-body);font-size:.875rem;font-weight:500;padding:10px 24px;text-decoration:none;transition:transform .2s,box-shadow .2s}.nav-cta:hover{box-shadow:0 0 32px #7c3aed80;transform:translateY(-1px)}.btn-primary{align-items:center;background:linear-gradient(135deg,#7c3aed,#5b21b6);background:linear-gradient(135deg,var(--purple),#5b21b6);border:none;border-radius:10px;box-shadow:0 0 30px #7c3aed66,inset 0 1px 0 #ffffff26;color:#fff;display:inline-flex;font-family:DM Sans,sans-serif;font-family:var(--font-body);font-size:.9375rem;font-weight:500;gap:8px;overflow:hidden;padding:14px 32px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.btn-primary:hover{box-shadow:0 0 50px #7c3aed99;transform:translateY(-2px) scale(1.02)}.btn-ghost{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0a;border:1px solid #ffffff1f;border-radius:10px;color:#f8f8ff;color:var(--white);display:inline-flex;font-family:DM Sans,sans-serif;font-family:var(--font-body);font-size:.9375rem;font-weight:500;gap:8px;padding:14px 32px;text-decoration:none;transition:all .3s}.btn-ghost:hover{background:#ffffff14;border-color:#7c3aed80;transform:translateY(-2px)}section{overflow:hidden;position:relative}.section-label{color:#a855f7;color:var(--purple-bright);display:block;font-size:.75rem;font-weight:600;letter-spacing:.12em;margin-bottom:20px;text-transform:uppercase}.section-title{font-family:Syne,sans-serif;font-family:var(--font-display);font-size:clamp(2rem,4vw,3.25rem);font-weight:700;letter-spacing:-.025em;line-height:1.1;margin-bottom:24px}.section-body{color:#8b8ba7;color:var(--muted);font-size:1.0625rem;font-weight:300;line-height:1.8;margin-bottom:40px}.grad-text{background:linear-gradient(135deg,#fff 30%,#a855f7 60%,#06b6d4);background:linear-gradient(135deg,#fff 30%,var(--purple-bright) 60%,var(--cyan) 100%);-webkit-background-clip:text}.anim-grad,.grad-text{-webkit-text-fill-color:#0000}.anim-grad{animation:gradShift 4s ease infinite;background:linear-gradient(270deg,#a855f7,#06b6d4,#a855f7);background:linear-gradient(270deg,var(--purple-bright),var(--cyan),var(--purple-bright));-webkit-background-clip:text;background-size:200% auto}@keyframes gradShift{0%{background-position:0}to{background-position:200%}}.divider{background:linear-gradient(90deg,#0000,#7c3aed,#0000);background:linear-gradient(90deg,#0000,var(--purple),#0000);box-shadow:0 0 10px #7c3aed;box-shadow:0 0 10px var(--purple);height:1px;margin:60px auto;width:80px}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;transform:translateY(40px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}.status-msg{border-radius:8px;font-size:.875rem;margin-top:16px;padding:12px 20px}.status-msg.success{background:#10b9811a;border:1px solid #10b9814d;color:#34d399}.status-msg.error{background:#ef44441a;border:1px solid #ef44444d;color:#f87171}footer.main-footer{align-items:center;border-top:1px solid #ffffff0d;display:flex;justify-content:space-between;padding:48px 60px}.footer-logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#a855f7);background:linear-gradient(135deg,#fff,var(--purple-bright));-webkit-background-clip:text;font-family:Syne,sans-serif;font-family:var(--font-display);font-size:1.1rem;font-weight:800}.footer-copy{color:#8b8ba7;color:var(--muted);font-size:.8125rem}.footer-links{display:flex;gap:32px;list-style:none}.footer-links a{color:#8b8ba7;color:var(--muted);font-size:.8125rem;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#f8f8ff;color:var(--white)}.scroll-indicator{align-items:center;animation:fadeUp 1s 1.2s both;bottom:40px;display:flex;flex-direction:column;gap:8px;left:50%;opacity:.9;position:absolute;transform:translateX(-50%)}.scroll-line{animation:scrollLine 2s ease-in-out infinite;background:linear-gradient(180deg,#a855f7,#0000);background:linear-gradient(to bottom,var(--purple-bright),#0000);box-shadow:0 0 8px #a855f7cc;height:7px;width:2px}@keyframes scrollLine{0%{opacity:0;transform:scaleY(0) translateY(-100%)}50%{opacity:1}to{opacity:0;transform:scaleY(1) translateY(0)}}.social-links{gap:16px;margin-bottom:48px;margin-top:24px}.social-icon,.social-links{display:flex;justify-content:center}.social-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0a;border:1px solid #7c3aed33;border-radius:50%;color:#8b8ba7;color:var(--muted);cursor:none;height:52px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.34,1.56,.64,1);width:52px}.social-icon:hover{background:#7c3aed26;border-color:#a855f799;box-shadow:0 0 20px #7c3aed80,0 8px 30px #0000004d;color:#f8f8ff;color:var(--white);transform:translateY(-4px) scale(1.12)}.skills-split{align-items:center;display:flex;flex-wrap:wrap;gap:60px;justify-content:center}.sphere-wrap{flex-shrink:0;position:relative}.sphere-wrap canvas{cursor:grab;display:block;filter:drop-shadow(0 0 30px rgba(124,58,237,.2))}.sk-cards-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr;max-width:460px}.sk-cat{background:#ffffff05;border:1px solid #ffffff0f;border-radius:16px;overflow:hidden;padding:18px 20px;position:relative;transition:all .3s}.sk-cat:before{background:var(--cc);content:"";height:2px;left:0;opacity:.6;position:absolute;right:0;top:0}.sk-cat:hover{background:#ffffff0a;border-color:#7c3aed4d;box-shadow:0 12px 40px #0000004d;transform:translateY(-4px)}.sk-cat-head{align-items:center;display:flex;gap:8px;margin-bottom:12px}.sk-cat-name{color:#94a3b8;font-family:monospace;font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.sk-tags{display:flex;flex-wrap:wrap;gap:6px}.sk-tag{background:#7c3aed14;border:1px solid #7c3aed26;border-radius:6px;color:#94a3b8;cursor:default;font-family:monospace;font-size:.7rem;padding:3px 9px;transition:all .2s}.sk-tag:hover{background:#7c3aed2e;border-color:#a855f780;color:#a855f7}#timeline{padding:80px 24px 100px}.timeline-inner{margin:0 auto;max-width:800px;text-align:center}.timeline{margin-top:60px;position:relative;text-align:left}.timeline:before{background:linear-gradient(180deg,#7c3aed,#7c3aed1a);background:linear-gradient(to bottom,var(--purple),#7c3aed1a);bottom:0;content:"";left:50%;position:absolute;top:0;transform:translateX(-50%);width:1px}.tl-item{align-items:flex-start;display:flex;gap:32px;justify-content:flex-end;margin-bottom:48px;padding-right:calc(50% + 48px);position:relative}.tl-item:nth-child(2n){flex-direction:row-reverse;justify-content:flex-end;padding-left:calc(50% + 48px);padding-right:0}.tl-dot{background:#7c3aed;background:var(--purple);border:2px solid #030308;border:2px solid var(--bg);border-radius:50%;box-shadow:0 0 12px #7c3aed99;height:14px;left:50%;position:absolute;top:20px;transform:translateX(-50%);width:14px;z-index:1}.tl-dot.active{animation:pulse 2s infinite;background:#a855f7;background:var(--purple-bright);box-shadow:0 0 20px #a855f7cc;height:18px;width:18px}@keyframes pulse{0%,to{opacity:1;transform:translateX(-50%) scale(1)}50%{opacity:.7;transform:translateX(-50%) scale(.9)}}.tl-year{color:#a855f7;color:var(--purple-bright);flex-shrink:0;font-family:Syne,sans-serif;font-family:var(--font-display);font-size:1.5rem;font-weight:800;min-width:70px;padding-top:14px;text-align:right}.tl-item:nth-child(2n) .tl-year{text-align:left}.tl-year.now{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a855f7,#06b6d4);background:linear-gradient(135deg,var(--purple-bright),var(--cyan));-webkit-background-clip:text}.tl-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #7c3aed2e;border-radius:16px;flex:1 1;padding:24px 28px;transition:all .3s}.tl-card:hover{border-color:#7c3aed66;box-shadow:0 16px 40px #0000004d;transform:translateY(-4px)}.tl-card.active{background:#7c3aed0f;border-color:#a855f766}.tl-icon{font-size:1.5rem;margin-bottom:10px}.tl-card h4{font-family:Syne,sans-serif;font-family:var(--font-display);font-size:1rem;font-weight:700;margin-bottom:8px}.tl-card p{color:#8b8ba7;color:var(--muted);font-size:.85rem;line-height:1.7;margin-bottom:14px}.tl-tags{display:flex;flex-wrap:wrap;gap:8px}.tl-tags span{background:#7c3aed1f;border:1px solid #7c3aed40;border-radius:100px;color:#a855f7;color:var(--purple-bright);font-size:.72rem;font-weight:500;padding:3px 12px}.p-row{border-bottom:1px solid #ffffff0a;cursor:none;overflow:hidden;position:relative}.p-row-bg{background:linear-gradient(105deg,#7b5ea70a,#0000 60%);inset:0;pointer-events:none;position:absolute;transform:translateX(-100%);transition:transform .7s cubic-bezier(.16,1,.3,1)}.p-row:hover .p-row-bg{transform:translateX(0)}.p-row-bar{bottom:0;height:1px;left:0;position:absolute;transition:width .7s cubic-bezier(.16,1,.3,1);width:0}.p-row:hover .p-row-bar{width:100%}.p-row-inner{grid-gap:0 48px;align-items:center;display:grid;gap:0 48px;grid-template-columns:100px 1fr 320px;padding:44px 0;transition:padding .5s cubic-bezier(.16,1,.3,1)}.p-row:hover .p-row-inner{padding:56px 0}.p-idx{color:#55556a;font-size:.65rem;letter-spacing:.12em;transition:color .3s}.p-cat,.p-idx{font-family:monospace}.p-cat{color:#a78bfa;color:var(--rc,#a78bfa);font-size:.6rem;letter-spacing:.18em;margin-bottom:14px;opacity:.65;text-transform:uppercase;transition:opacity .3s}.p-row:hover .p-cat{opacity:1}.p-title{color:#f8f8ff;color:var(--white);font-family:Syne,sans-serif;font-family:var(--font-display);font-size:clamp(1.8rem,3.5vw,3.2rem);letter-spacing:.02em;line-height:.95;margin-bottom:22px;transition:letter-spacing .4s cubic-bezier(.16,1,.3,1)}.p-row:hover .p-title{letter-spacing:.05em}.p-stack{display:flex;flex-wrap:wrap;gap:8px}.p-chip{background:#ffffff08;border:1px solid #ffffff0f;border-radius:3px;color:#55556a;font-family:monospace;font-size:.6rem;letter-spacing:.08em;padding:3px 10px;transition:all .35s}.p-row:hover .p-chip{background:#7b5ea71f;border-color:#a78bfa;border-color:var(--rc,#a78bfa);color:#a78bfa;color:var(--rc,#a78bfa)}.p-thumb{border:1px solid #ffffff0d;border-radius:10px;box-shadow:0 20px 60px #0006;height:180px;overflow:hidden;position:relative;transition:all .55s cubic-bezier(.16,1,.3,1);width:100%}.p-row:hover .p-thumb,.p-thumb{opacity:1;transform:translateY(0) scale(1)}.p-row:hover .p-thumb{border-color:#7c3aed40;box-shadow:0 30px 80px #000000b3,0 0 40px #7c3aed1f}.p-thumb img{display:block;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.4,0,.2,1);width:100%}.p-row:hover .p-thumb img{transform:scale(1.08)}.p-thumb-sweep{background:linear-gradient(110deg,#0000 25%,#ffffff12 50%,#0000 75%);inset:0;position:absolute;transform:translateX(-120%)}.p-row:hover .p-thumb-sweep{transform:translateX(120%);transition:transform .75s ease .05s}.p-thumb-tag{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000a6;border:1px solid #ffffff14;border-radius:4px;bottom:10px;color:#ffffff80;font-family:monospace;font-size:.55rem;left:10px;letter-spacing:.1em;padding:3px 8px;position:absolute;transition:all .3s}.p-row:hover .p-thumb-tag{background:#a78bfa;background:var(--rc,#a78bfa);border-color:#0000;color:#fff}.p-cta{align-items:center;color:#55556a;cursor:none;display:inline-flex;font-family:monospace;font-size:.75rem;font-weight:600;gap:10px;letter-spacing:.06em;margin-top:16px;opacity:0;text-decoration:none;transform:translateY(6px);transition:all .4s cubic-bezier(.34,1.56,.64,1)}.p-row:hover .p-cta{opacity:1;transform:translateY(0)}.p-cta-circle{align-items:center;border:1px solid;border-radius:50%;display:flex;height:28px;justify-content:center;transition:all .3s;width:28px}.p-cta:hover .p-cta-circle{background:#a78bfa;background:var(--rc,#a78bfa);border-color:#a78bfa;border-color:var(--rc,#a78bfa);color:#fff;transform:rotate(45deg)}#contact{padding:80px 24px 120px}.contact-inner{margin:0 auto;max-width:560px}.contact-header{margin-bottom:48px;text-align:center}.form-group{margin-bottom:20px}.form-group label{color:#8b8ba7;color:var(--muted);display:block;font-size:.8125rem;font-weight:500;letter-spacing:.04em;margin-bottom:8px;text-transform:uppercase}.form-group input,.form-group textarea{background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;color:#f8f8ff;color:var(--white);font-family:DM Sans,sans-serif;font-family:var(--font-body);font-size:.9375rem;outline:none;padding:14px 18px;transition:border-color .3s,box-shadow .3s;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#7c3aed80;box-shadow:0 0 0 3px #7c3aed1a}.form-group textarea{height:140px;resize:none}.form-submit{background:linear-gradient(135deg,#7c3aed,#5b21b6);background:linear-gradient(135deg,var(--purple),#5b21b6);border:none;border-radius:10px;box-shadow:0 0 30px #7c3aed59;color:#fff;cursor:none;font-family:DM Sans,sans-serif;font-family:var(--font-body);font-size:1rem;font-weight:600;letter-spacing:.01em;padding:16px;transition:all .3s;width:100%}.form-submit:hover{box-shadow:0 0 50px #7c3aed8c;transform:translateY(-2px)}.form-submit:disabled{opacity:.6}.typed-cursor{animation:blink .8s infinite;color:#a855f7;color:var(--purple-bright);display:inline-block;margin-left:2px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@media (max-width:900px){nav.portfolio-nav{padding:16px 24px}nav.portfolio-nav.scrolled{padding:12px 24px}.nav-links{display:none}.p-row-inner{gap:0 20px;grid-template-columns:60px 1fr}.p-thumb{display:none}.p-title{font-size:1.5rem}.p-cta{opacity:1;transform:none}footer.main-footer{gap:20px;padding:32px 24px;text-align:center}.skills-split,footer.main-footer{flex-direction:column}.sphere-wrap canvas{height:320px!important;width:320px!important}.sk-cards-grid{max-width:100%;width:100%}}@media (max-width:700px){.timeline:before{left:16px}.tl-item,.tl-item:nth-child(2n){flex-direction:column;padding-left:48px;padding-right:0}.tl-dot{left:16px}.tl-item:nth-child(2n) .tl-year,.tl-year{text-align:left}}@media (max-width:500px){.loader-logo{font-size:clamp(1.75rem,10vw,2.6rem);line-height:1.15;padding:0 24px;text-align:center;width:100%}.sk-cards-grid{grid-template-columns:1fr}}