body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0f0f0f;color:#ebebeb;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;margin:0;transition:background .4s cubic-bezier(.4,0,.2,1),color .4s cubic-bezier(.4,0,.2,1)}body.light-mode{background:#fff;color:#171717}:root{--text-0:#ebebeb;--text-1:#d4d4d4;--text-2:#a3a3a3;--text-3:#737373;--bg-0:#111;--bg-1:#161616;--bg-2:#1a1a1a;--bg-3:#232323;--border:#2a2a2a;--border-hover:#444;--nav-bg:#111c;--gradient:linear-gradient(135deg,#00d4ff,#a855f7);--gradient-text:linear-gradient(135deg,#22d3ee,#c084fc);--accent:#00d4ff;--font-body:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--font-heading:"Space Grotesk","Inter",sans-serif;--ease:cubic-bezier(0.4,0,0.2,1)}.light-mode{--text-0:#171717;--text-1:#262626;--text-2:#525252;--text-3:#737373;--bg-0:#fff;--bg-1:#f7f7f7;--bg-2:#f0f0f0;--bg-3:#e5e5e5;--border:#ddd;--border-hover:#bbb;--nav-bg:#fffc}*{box-sizing:border-box;margin:0;padding:0}.App{background:#111;background:var(--bg-0);color:#ebebeb;color:var(--text-0);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-body);font-weight:300;min-height:100vh;overflow-x:hidden;transition:background .4s cubic-bezier(.4,0,.2,1),color .4s cubic-bezier(.4,0,.2,1);transition:background .4s var(--ease),color .4s var(--ease)}h1,h2,h3,h4{font-family:Space Grotesk,Inter,sans-serif;font-family:var(--font-heading)}.fade-in{opacity:0;transform:translate3d(0,40px,0);transition:opacity .6s ease-out,transform .6s ease-out}.fade-in.visible{opacity:1;transform:translateZ(0)}.navbar{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#111c;background:var(--nav-bg);border-bottom:1px solid #2a2a2a;border-bottom:1px solid var(--border);position:fixed;top:0;transition:background .4s cubic-bezier(.4,0,.2,1);transition:background .4s var(--ease);width:100%;z-index:100}.nav-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:.85rem 2rem}.nav-logo{align-items:center;display:inline-flex;text-decoration:none;transform:perspective(1000px) translateZ(0);transition:transform .2s cubic-bezier(.4,0,.2,1);transition:transform .2s var(--ease)}.nav-logo-svg{height:28px;width:auto}.nav-logo:hover{transform:perspective(1000px) translateZ(40px) rotate(-8deg)}.nav-links{align-items:center;display:flex;gap:2rem}.nav-links a{color:#a3a3a3;color:var(--text-2);font-size:.88rem;font-weight:500;text-decoration:none;transform:perspective(1000px) translateZ(0);transition:color .2s}.nav-links a:hover{color:#ebebeb;color:var(--text-0);transform:perspective(1000px) translateZ(20px)}.mobile-toggle{border:none;color:#ebebeb;color:var(--text-0);display:none;font-size:1.3rem}.mobile-toggle,.theme-toggle{background:none;cursor:pointer}.theme-toggle{align-items:center;border:1px solid #2a2a2a;border:1px solid var(--border);border-radius:8px;color:#a3a3a3;color:var(--text-2);display:flex;font-size:.9rem;padding:.4rem;transform:perspective(1000px) translateZ(0);transition:all .2s cubic-bezier(.4,0,.2,1);transition:all .2s var(--ease)}.theme-toggle:hover{color:#00d4ff;color:var(--accent);transform:perspective(1000px) translateZ(30px) rotate(15deg)}.hero{align-items:center;background-color:#121212;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='250' height='30' viewBox='0 0 1000 120'%3E%3Cg fill='none' stroke='%23191919' stroke-width='10' stroke-opacity='.5'%3E%3Cpath d='M-500 75s125-30 250-30S0 75 0 75s125 30 250 30 250-30 250-30 125-30 250-30 250 30 250 30 125 30 250 30 250-30 250-30'/%3E%3Cpath d='M-500 45s125-30 250-30S0 45 0 45s125 30 250 30 250-30 250-30 125-30 250-30 250 30 250 30 125 30 250 30 250-30 250-30'/%3E%3C/g%3E%3C/svg%3E");display:flex;min-height:100vh;overflow:hidden;padding:7rem 2rem 4rem;position:relative}.light-mode .hero{background-color:#f5f5f5;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='250' height='30' viewBox='0 0 1000 120'%3E%3Cg fill='none' stroke='%23e0e0e0' stroke-width='10' stroke-opacity='.4'%3E%3Cpath d='M-500 75s125-30 250-30S0 75 0 75s125 30 250 30 250-30 250-30 125-30 250-30 250 30 250 30 125 30 250 30 250-30 250-30'/%3E%3Cpath d='M-500 45s125-30 250-30S0 45 0 45s125 30 250 30 250-30 250-30 125-30 250-30 250 30 250 30 125 30 250 30 250-30 250-30'/%3E%3C/g%3E%3C/svg%3E")}.hero-deco{border:3px solid #0000;border-radius:50%;pointer-events:none;position:absolute}.hero-deco-1{animation:spinSlow 20s linear infinite;background:conic-gradient(from 0deg,#0000 0,#0000 30%,#00d4ff40 40%,#a855f740 60%,#00d4ff20 70%,#0000 80%,#0000 100%);bottom:-120px;height:500px;opacity:.5;right:-120px;width:500px}.hero-deco-2{animation:spinSlow 15s linear infinite reverse;background:conic-gradient(from 180deg,#0000 0,#0000 40%,#a855f730 50%,#00d4ff30 65%,#0000 75%,#0000 100%);bottom:-40px;height:350px;opacity:.4;right:-40px;width:350px}@keyframes spinSlow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.orbit-animation{perspective:800px;pointer-events:none;position:absolute;z-index:0}.orbit-section{height:350px;left:-80px;opacity:.5;top:50%;transform:translateY(-50%);width:350px}.orbit-tilt{inset:0;position:absolute;transform-style:preserve-3d}.orbit-tilt-1{transform:rotateX(70deg)}.orbit-tilt-2{transform:rotateX(70deg) rotate(60deg)}.orbit-tilt-3{transform:rotateX(70deg) rotate(-60deg)}.orbit{animation:orbitRotate 10s linear infinite;border:1.5px solid #00d4ff1f;border-radius:50%;inset:0;position:absolute}.orbit-reverse{animation-direction:reverse;animation-duration:14s;border-color:#a855f71f}.orbit-slow{animation-duration:20s;border-color:#00d4ff14;inset:15%}.orbit-dot{background:#00d4ff;background:var(--accent);border-radius:50%;box-shadow:0 0 14px #00d4ff,0 0 4px #00d4ff;box-shadow:0 0 14px var(--accent),0 0 4px var(--accent);height:7px;left:50%;margin-left:-3.5px;position:absolute;top:-3.5px;width:7px}.orbit-dot-accent{background:#a855f7;box-shadow:0 0 14px #a855f7,0 0 4px #a855f7}.orbit-center{animation:centerPulse 3s ease-in-out infinite;background:#00d4ff;background:var(--accent);border-radius:50%;box-shadow:0 0 20px #00d4ff,0 0 60px #00d4ff4d;box-shadow:0 0 20px var(--accent),0 0 60px #00d4ff4d;height:10px;left:50%;margin:-5px 0 0 -5px;position:absolute;top:50%;width:10px}@keyframes orbitRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes centerPulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.4)}}.hero-content{margin:0 auto;max-width:1200px;position:relative;width:100%;z-index:1}.hero-greeting{color:#a3a3a3;color:var(--text-2);font-size:1.1rem;font-weight:500;margin-bottom:.5rem}.light-mode .hero-greeting{color:#666}.hero-name{color:#ebebeb;color:var(--text-0);font-family:Space Grotesk,Inter,sans-serif;font-family:var(--font-heading);font-size:clamp(3rem,7vw,6rem);font-weight:700;letter-spacing:-2px;line-height:1.05;margin-bottom:1rem}.light-mode .hero-name{color:#111}.hero-role{color:#d4d4d4;color:var(--text-1);font-size:clamp(1.1rem,2vw,1.6rem);font-weight:400;margin-bottom:1.5rem;min-height:1.8em}.light-mode .hero-role{color:#444}.gradient-text{font-weight:700}.gradient-text,.typed-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#22d3ee,#c084fc);background:var(--gradient-text);-webkit-background-clip:text;background-clip:text}.typed-cursor{-webkit-text-fill-color:#00d4ff;-webkit-text-fill-color:var(--accent);animation:blink .8s step-end infinite;color:#00d4ff;color:var(--accent);display:inline-block;font-weight:300;margin-left:2px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.cursor-spotlight{background:radial-gradient(600px circle at -1000px -1000px,#00d4ff0f,#0000 60%);background:radial-gradient(600px circle at var(--mx,-1000px) var(--my,-1000px),#00d4ff0f,#0000 60%);height:100%;left:0;pointer-events:none;position:fixed;top:0;transition:background .15s ease;width:100%;z-index:0}.light-mode .cursor-spotlight{background:radial-gradient(600px circle at -1000px -1000px,#a855f70a,#0000 60%);background:radial-gradient(600px circle at var(--mx,-1000px) var(--my,-1000px),#a855f70a,#0000 60%)}.cta-buttons{display:flex;gap:.75rem}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-body);font-size:.88rem;font-weight:600;gap:.4rem;text-decoration:none;transform:perspective(1000px) translateZ(0);transition:all .2s cubic-bezier(.4,0,.2,1);transition:all .2s var(--ease)}.btn-gradient{background:linear-gradient(135deg,#00d4ff,#a855f7);background:var(--gradient);padding:2px}.btn-gradient:hover{transform:perspective(1000px) translateZ(40px)}.btn-inner{align-items:center;background:#1a1a1a;background:var(--bg-2);border-radius:6px;color:#d4d4d4;color:var(--text-1);display:inline-flex;gap:.4rem;padding:.6rem 1.2rem;transition:background .2s}.btn-gradient:hover .btn-inner{background:#232323;background:var(--bg-3)}.btn-ghost{background:#0000;border:1px solid #2a2a2a;border:1px solid var(--border);color:#a3a3a3;color:var(--text-2);padding:.65rem 1.2rem}.btn-ghost:hover{border-color:#444;border-color:var(--border-hover);color:#ebebeb;color:var(--text-0);transform:perspective(1000px) translateZ(40px)}.scroll-indicator{align-items:center;bottom:2rem;color:#737373;color:var(--text-3);display:flex;flex-direction:column;gap:.3rem;left:1.5rem;position:absolute;z-index:2}.scroll-indicator span{font-size:.65rem;letter-spacing:2px;margin-bottom:.3rem;writing-mode:vertical-lr}.scroll-arrow{animation:scrollBounce 2s ease infinite;font-size:.5rem;opacity:.6}.scroll-arrow-2{animation-delay:.25s}@keyframes scrollBounce{0%,to{opacity:.6;transform:translateY(0)}50%{opacity:.2;transform:translateY(5px)}}.section{padding:6rem 2rem;width:100%}.section-dark{background:#161616;background:var(--bg-1);transition:background .4s cubic-bezier(.4,0,.2,1);transition:background .4s var(--ease)}.section-pattern{background-attachment:fixed;background-color:#131313;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='384' height='384' viewBox='0 0 800 800'%3E%3Cg fill='none' stroke='%231c1c1c'%3E%3Cpath d='m769 229 268 31.9M927 880 731 737l-211-77-211-122-269 61 255 165-168.5 115.5L40 599l-237-106 299-111-133-153L126.5 79.5-69-63'/%3E%3Cpath d='m-31 229 268 32 153 121 213 111-294.5 44.5-207-156M370 905l-75-141'/%3E%3Cpath d='m520 660 58 182 153-105 109-138-237-106-83 167-225 104 14-226 81-156 149-113 230-40L577.5 41.5 370 105 295-36 126.5 79.5 237 261 102 382 40 599-69 737l196 143'/%3E%3C/g%3E%3Cg fill='%23282828'%3E%3Ccircle cx='769' cy='229' r='4'/%3E%3Ccircle cx='539' cy='269' r='4'/%3E%3Ccircle cx='603' cy='493' r='4'/%3E%3Ccircle cx='731' cy='737' r='4'/%3E%3Ccircle cx='520' cy='660' r='4'/%3E%3Ccircle cx='309' cy='538' r='4'/%3E%3Ccircle cx='295' cy='764' r='4'/%3E%3Ccircle cx='40' cy='599' r='4'/%3E%3Ccircle cx='102' cy='382' r='4'/%3E%3Ccircle cx='370' cy='105' r='4'/%3E%3C/g%3E%3C/svg%3E");transition:background-color .4s cubic-bezier(.4,0,.2,1);transition:background-color .4s var(--ease)}.light-mode .section-pattern{background-color:#f0f0f0;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='384' height='384' viewBox='0 0 800 800'%3E%3Cg fill='none' stroke='%23ddd'%3E%3Cpath d='m769 229 268 31.9M927 880 731 737l-211-77-211-122-269 61 255 165-168.5 115.5L40 599l-237-106 299-111-133-153L126.5 79.5-69-63'/%3E%3Cpath d='m-31 229 268 32 153 121 213 111-294.5 44.5-207-156M370 905l-75-141'/%3E%3Cpath d='m520 660 58 182 153-105 109-138-237-106-83 167-225 104 14-226 81-156 149-113 230-40L577.5 41.5 370 105 295-36 126.5 79.5 237 261 102 382 40 599-69 737l196 143'/%3E%3C/g%3E%3Cg fill='%23ccc'%3E%3Ccircle cx='769' cy='229' r='4'/%3E%3Ccircle cx='539' cy='269' r='4'/%3E%3Ccircle cx='603' cy='493' r='4'/%3E%3Ccircle cx='731' cy='737' r='4'/%3E%3Ccircle cx='520' cy='660' r='4'/%3E%3C/g%3E%3C/svg%3E")}.section-inner{margin:0 auto;max-width:1200px}.section-title{color:#ebebeb;color:var(--text-0);font-size:2rem;font-weight:700;margin-bottom:.5rem}.section-title-center{text-align:center}.section-subtitle{color:#a3a3a3;color:var(--text-2);font-size:1rem;margin-bottom:2.5rem;text-align:center}.about-container{align-items:center;display:flex;flex-wrap:wrap;gap:clamp(2rem,6vw,5rem);justify-content:center}.about-content{max-width:400px}.about-content p{color:#a3a3a3;color:var(--text-2);font-size:clamp(.95rem,1.1vw,1.1rem);line-height:1.8;margin-bottom:.75rem}.about-image-wrapper{flex-shrink:0}.about-image-ring{background:linear-gradient(135deg,#00d4ff,#a855f7);background:var(--gradient);border-radius:50%;height:220px;padding:4px;position:relative;transition:transform .3s cubic-bezier(.4,0,.2,1);transition:transform .3s var(--ease);width:220px;z-index:1}.about-image-ring:hover{transform:scale(1.04)}.about-image-ring img{border-radius:50%;display:block;height:100%;object-fit:cover;object-position:top center;width:100%}.work-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:900px}.extra-card,.work-grid>.fade-in{display:flex}.extra-card{align-items:center;background:#1a1a1a;background:var(--bg-2);border:1px solid #2a2a2a;border:1px solid var(--border);border-radius:12px;gap:1.5rem;margin:0 auto;max-width:480px;padding:1.25rem 1.5rem;transform:perspective(1000px) translateZ(0);transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);transition:transform .3s var(--ease),box-shadow .3s var(--ease)}.extra-card:hover{box-shadow:0 6px 30px #0000004d;transform:perspective(1000px) translateZ(20px)}.extra-card-logo-wrap{border-radius:10px;flex-shrink:0;height:60px;overflow:hidden;width:60px}.extra-card-logo{height:100%;object-fit:cover;width:100%}.extra-card-info{display:flex;flex-direction:column;gap:.15rem}.extra-card-company{color:#ebebeb;color:var(--text-0);font-size:1.05rem;font-weight:700}.extra-card-role{color:#d4d4d4;color:var(--text-1);font-size:.85rem;font-weight:500}.extra-card-date{color:#737373;color:var(--text-3);font-size:.78rem}.tag-list{display:flex;flex-wrap:wrap;gap:.35rem}.tag{background:#0000;border:1px solid #2a2a2a;border:1px solid var(--border);border-radius:20px;color:#a3a3a3;color:var(--text-2);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-body);font-size:.68rem;font-weight:500;padding:.18rem .5rem;transform:perspective(1000px) translateZ(0);transition:all .2s cubic-bezier(.4,0,.2,1);transition:all .2s var(--ease)}.tag:hover{color:#ebebeb;color:var(--text-0);transform:perspective(1000px) translateZ(20px)}.skills-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.skills-grid>.fade-in{display:flex}.skill-group{background:#1a1a1a;background:var(--bg-2);border:1px solid #2a2a2a;border:1px solid var(--border);border-radius:10px;flex:1 1;padding:1.1rem;transform:perspective(1000px) translateZ(0);transition:all .25s cubic-bezier(.4,0,.2,1);transition:all .25s var(--ease)}.skill-group:hover{border-color:#444;border-color:var(--border-hover);transform:perspective(1000px) translateZ(15px)}.skill-group-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#22d3ee,#c084fc);background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-body);font-size:.72rem;font-weight:700;letter-spacing:.8px;margin-bottom:.6rem;text-transform:uppercase}.skill-pills{display:flex;flex-wrap:wrap;gap:.3rem}.skill-pill{background:#0000;border:1px solid #2a2a2a;border:1px solid var(--border);border-radius:5px;color:#d4d4d4;color:var(--text-1);cursor:default;font-size:.76rem;font-weight:500;padding:.22rem .5rem;transform:perspective(1000px) translateZ(0);transition:all .2s cubic-bezier(.4,0,.2,1);transition:all .2s var(--ease)}.skill-pill:hover{border-color:#444;border-color:var(--border-hover);color:#ebebeb;color:var(--text-0);transform:perspective(1000px) translateZ(25px)}.projects-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:960px}.hero-card,.projects-grid>.fade-in{display:flex}.hero-card{border:2px solid;border-radius:16px;cursor:default;flex:1 1;flex-direction:column;overflow:hidden;position:relative;transform:perspective(1000px) translateZ(0);transition:transform .4s cubic-bezier(.4,0,.2,1),box-shadow .4s cubic-bezier(.4,0,.2,1);transition:transform .4s var(--ease),box-shadow .4s var(--ease)}.hero-card:hover{box-shadow:0 12px 50px #00000080;transform:perspective(1000px) translateZ(30px)}.hero-card:after{background:#0000;content:"";inset:0;pointer-events:none;position:absolute;transition:background .4s cubic-bezier(.4,0,.2,1);transition:background .4s var(--ease);z-index:1}.hero-card:hover:after{background:#0000008c}.hero-card-visual{align-items:center;display:flex;flex:1 1;justify-content:center;min-height:220px;padding:2.5rem 2rem}.hero-card-visual-img{position:relative}.hero-card-logo{max-height:90px;max-width:200px;object-fit:contain}.hero-card-logo-invert{filter:brightness(0) invert(1)}.hero-card-badge-center{align-items:center;color:#a3a3a3;color:var(--text-2);display:flex;flex-direction:column;font-size:1.1rem;font-weight:600;gap:.5rem}.hero-card-badge-center svg{font-size:2.5rem;opacity:.4}.hero-card-bottom{background:#1a1a1a;bottom:0;display:flex;flex-direction:column;gap:.6rem;left:0;opacity:0;padding:1.2rem 1.25rem;position:absolute;right:0;transform:translateY(100%);transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .35s cubic-bezier(.4,0,.2,1);transition:transform .35s var(--ease),opacity .35s var(--ease);z-index:3}.hero-card:hover .hero-card-bottom{opacity:1;transform:translateY(0)}.hero-card-info{display:flex;flex-direction:column;gap:.1rem}.hero-card-title{color:#fff;font-size:1.1rem;font-weight:700}.hero-card-role{color:#ffffffaa;font-size:.8rem;line-height:1.4}.hero-card-bottom-row{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.hero-card-tags{display:flex;flex-wrap:wrap;gap:.3rem}.hero-card-tag{background:#ffffff14;border:1px solid;border-radius:4px;color:#fffc;font-size:.68rem;font-weight:500;padding:.15rem .45rem}.hero-card-links{display:flex;flex-shrink:0;gap:.35rem}.hero-card-link{align-items:center;background:#ffffff14;border-radius:8px;color:#fffc;display:flex;font-size:.85rem;height:30px;justify-content:center;text-decoration:none;transform:perspective(1000px) translateZ(0);transition:all .2s cubic-bezier(.4,0,.2,1);transition:all .2s var(--ease);width:30px}.hero-card-link:hover{background:#ffffff2e;color:#fff;transform:perspective(1000px) translateZ(30px)}.contact-links{gap:1rem;margin-top:1.5rem}.contact-link,.contact-links{display:flex;justify-content:center}.contact-link{align-items:center;background:#1a1a1a;background:var(--bg-2);border:1px solid #2a2a2a;border:1px solid var(--border);border-radius:12px;color:#a3a3a3;color:var(--text-2);font-size:1.15rem;height:48px;text-decoration:none;transform:perspective(1000px) translateZ(0);transition:all .2s cubic-bezier(.4,0,.2,1);transition:all .2s var(--ease);width:48px}.contact-link:hover{border-color:#444;border-color:var(--border-hover);color:#ebebeb;color:var(--text-0);transform:perspective(1000px) translateZ(40px)}.footer{background:linear-gradient(135deg,#00d4ff,#a855f7);background:var(--gradient);padding-top:1px}.footer-inner{background:#111;background:var(--bg-0);color:#a3a3a3;color:var(--text-2);font-size:.85rem;padding:2.5rem 2rem;text-align:center;transition:background .4s cubic-bezier(.4,0,.2,1);transition:background .4s var(--ease)}.footer-heart{color:#e74c3c}.footer-links{display:flex;gap:1rem;justify-content:center;margin-top:.75rem}.footer-links a{color:#737373;color:var(--text-3);font-size:1.1rem;text-decoration:none;transform:perspective(1000px) translateZ(0);transition:all .2s cubic-bezier(.4,0,.2,1);transition:all .2s var(--ease)}.footer-links a:hover{color:#ebebeb;color:var(--text-0);transform:perspective(1000px) translateZ(40px)}@media (max-width:900px){.skills-grid{grid-template-columns:repeat(2,1fr)}.projects-grid,.work-grid{grid-template-columns:1fr;margin-left:auto;margin-right:auto;max-width:420px}}@media (max-width:768px){.mobile-toggle{align-items:center;display:flex}.nav-links{background:#161616;background:var(--bg-1);border-left:1px solid #2a2a2a;border-left:1px solid var(--border);flex-direction:column;gap:1.5rem;height:100vh;padding:5rem 2rem 2rem;position:fixed;right:-100%;top:0;transition:right .35s cubic-bezier(.4,0,.2,1);transition:right .35s var(--ease);width:260px;z-index:99}.nav-links.open{right:0}.hero-content{text-align:center}.hero-name{font-size:clamp(2.4rem,9vw,3.5rem);letter-spacing:-1px}.cta-buttons{justify-content:center}.scroll-indicator{left:50%;transform:translateX(-50%)}.scroll-indicator span{writing-mode:horizontal-tb}.hero-deco-1{bottom:-100px;height:350px;right:-100px;width:350px}.hero-deco-2{bottom:-40px;height:220px;right:-40px;width:220px}.about-container{flex-direction:column-reverse;text-align:center}.about-image-ring{height:170px;width:170px}.skills-grid{grid-template-columns:1fr}.orbit-section{display:none}.section-title{font-size:1.65rem}.section{padding:4rem 1.25rem}.section-pattern{background-attachment:scroll}}@media (max-width:480px){.hero{padding:6rem 1.25rem 3rem}.hero-name{font-size:2rem}.cta-buttons{align-items:center;flex-direction:column}.nav-content{padding:.8rem 1.25rem}.about-image-ring{height:140px;width:140px}}
/*# sourceMappingURL=main.7c10d342.css.map*/