*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#07090f;--bg2:#0d1018;--accent:#00e5ff;--accent2:#7c3aed;--text:#e8eaf0;--muted:#6b7280;--card-bg:#ffffff0a;--card-border:#ffffff14;--font-head:"Syne",sans-serif;--font-mono:"Space Mono",monospace}#root,body,html{height:100%}body{background:#07090f;background:var(--bg);color:#e8eaf0;color:var(--text);font-family:Syne,sans-serif;font-family:var(--font-head);overflow:hidden}.glow{border-radius:50%;filter:blur(100px);pointer-events:none;position:absolute;z-index:0}.glow-1{background:#00e5ff12;height:500px;left:-100px;top:-100px;width:500px}.glow-2{background:#7c3aed14;bottom:-80px;height:400px;right:-80px;width:400px}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.main-content{flex:1 1;overflow-y:auto;position:relative}.navbar{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#07090feb;border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--card-border);display:flex;height:60px;justify-content:space-between;padding:0 40px;position:sticky;top:0;z-index:100}.nav-logo{color:#00e5ff;color:var(--accent);cursor:pointer;font-family:Space Mono,monospace;font-family:var(--font-mono);font-size:20px;letter-spacing:2px}.nav-links{display:flex;gap:8px}.nav-btn{background:none;border:none;border-radius:6px;color:#6b7280;color:var(--muted);cursor:pointer;font-family:Space Mono,monospace;font-family:var(--font-mono);font-size:12px;letter-spacing:1.5px;padding:8px 14px;transition:color .2s,background .2s}.nav-btn:hover{background:#ffffff0a;background:var(--card-bg);color:#e8eaf0;color:var(--text)}.nav-btn.active{background:#00e5ff14;color:#00e5ff;color:var(--accent)}.page{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 60px);overflow:hidden;padding:60px 40px;position:relative}.section-title{color:#e8eaf0;color:var(--text);font-size:clamp(32px,5vw,52px);font-weight:800;margin-bottom:40px}.section-title span{color:#00e5ff;color:var(--accent)}.home-page{flex-direction:column;text-align:center}.home-bg{background:radial-gradient(ellipse 80% 60% at 50% 40%,#00e5ff0d 0,#0000 70%);z-index:0}.grid-overlay,.home-bg{inset:0;position:absolute}.grid-overlay{background-image:linear-gradient(#ffffff08 1px,#0000 0),linear-gradient(90deg,#ffffff08 1px,#0000 0);background-size:50px 50px}.home-content{opacity:0;position:relative;transform:translateY(30px);transition:all .8s cubic-bezier(.16,1,.3,1);z-index:1}.home-content.visible{opacity:1;transform:translateY(0)}.home-greeting{color:#00e5ff;color:var(--accent);font-family:Space Mono,monospace;font-family:var(--font-mono);font-size:14px;letter-spacing:3px;margin-bottom:16px}.home-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff 40%,#00e5ff);background:linear-gradient(135deg,#fff 40%,var(--accent));-webkit-background-clip:text;background-clip:text;font-size:clamp(52px,10vw,120px);font-weight:800;line-height:1;margin-bottom:20px}.home-name span{-webkit-text-fill-color:#00e5ff;-webkit-text-fill-color:var(--accent);color:#00e5ff;color:var(--accent)}.home-role{color:#6b7280;color:var(--muted);font-family:Space Mono,monospace;font-family:var(--font-mono);font-size:14px;letter-spacing:2px;margin-bottom:40px}.home-btns{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.btn-primary{background:#00e5ff;background:var(--accent);border:none;border-radius:6px;color:#07090f;cursor:pointer;font-family:Space Mono,monospace;font-family:var(--font-mono);font-size:13px;font-weight:700;letter-spacing:1px;padding:12px 28px;text-decoration:none;transition:transform .2s,box-shadow .2s}.btn-primary:hover{box-shadow:0 8px 24px #00e5ff4d;transform:translateY(-2px)}.btn-secondary{background:#0000;border:1px solid #ffffff14;border:1px solid var(--card-border);border-radius:6px;color:#e8eaf0;color:var(--text);cursor:pointer;font-family:Space Mono,monospace;font-family:var(--font-mono);font-size:13px;letter-spacing:1px;padding:12px 28px;transition:border-color .2s,transform .2s}.btn-secondary:hover{border-color:#00e5ff;border-color:var(--accent);color:#00e5ff;color:var(--accent);transform:translateY(-2px)}.home-scroll-hint{animation:float 2.5s ease-in-out infinite;bottom:30px;color:#6b7280;color:var(--muted);font-family:Space Mono,monospace;font-family:var(--font-mono);font-size:11px;letter-spacing:2px;position:absolute}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.about-content{align-items:center;display:flex;gap:60px;max-width:1000px;opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.16,1,.3,1)}.about-content.visible{opacity:1;transform:translateY(0)}.about-photo-wrap{flex-shrink:0}.about-photo-border{background:#ffffff0a;background:var(--card-bg);border:2px solid #00e5ff;border:2px solid var(--accent);border-radius:16px;height:300px;overflow:hidden;position:relative;width:240px}.about-photo{height:100%;object-fit:cover;width:100%}.about-photo-placeholder{align-items:center;color:#00e5ff;color:var(--accent);display:flex;font-size:64px;font-weight:800;inset:0;justify-content:center;opacity:.2;position:absolute}.about-text{max-width:560px}.about-text p{color:#e8eaf0bf;font-size:15px;line-height:1.8;margin-bottom:16px}.about-text strong{color:#00e5ff;color:var(--accent)}.about-quote{border-left:2px solid #00e5ff;border-left:2px solid var(--accent);color:#6b7280!important;color:var(--muted)!important;font-family:Space Mono,monospace;font-family:var(--font-mono);font-size:13px!important;margin-top:24px!important;padding-left:16px}.skills-content{max-width:960px;opacity:0;text-align:center;transform:translateY(30px);transition:all .7s cubic-bezier(.16,1,.3,1);width:100%}.skills-content.visible{opacity:1;transform:translateY(0)}.skills-cards{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:60px}.skill-card{animation:fadeUp .6s ease both;background:#ffffff0a;background:var(--card-bg);border:1px solid #ffffff14;border:1px solid var(--card-border);border-radius:16px;padding:32px 24px;transition:border-color .3s,transform .3s}.skill-card:hover{border-color:#00e5ff;border-color:var(--accent);transform:translateY(-4px)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.skill-icon{font-size:40px;margin-bottom:16px}.skill-card h3{color:#e8eaf0;color:var(--text);font-size:18px;margin-bottom:10px}.skill-card p{font-size:14px;line-height:1.6}.skill-card p,.tech-title{color:#6b7280;color:var(--muted)}.tech-title{font-size:20px;font-weight:600;margin-bottom:28px}.tech-icons{display:flex;flex-wrap:wrap;gap:32px;justify-content:center}.tech-item{align-items:center;display:flex;flex-direction:column;gap:10px;transition:transform .2s}.tech-item:hover{transform:translateY(-4px)}.tech-item img{filter:grayscale(.3);height:48px;object-fit:contain;width:48px}.tech-item span{color:#6b7280;color:var(--muted);font-family:Space Mono,monospace;font-family:var(--font-mono);font-size:11px}.resume-content{max-width:900px;text-align:center;width:100%}.resume-sub{color:#6b7280;color:var(--muted);font-size:15px;margin-bottom:32px}.resume-frame-wrap{border:1px solid #ffffff14;border:1px solid var(--card-border);border-radius:12px;height:500px;overflow:hidden}.resume-frame{border:none;height:100%;width:100%}.contact-content{max-width:640px;opacity:0;text-align:center;transform:translateY(30px);transition:all .7s cubic-bezier(.16,1,.3,1);width:100%}.contact-content.visible{opacity:1;transform:translateY(0)}.contact-sub{color:#6b7280;color:var(--muted);font-size:15px;line-height:1.6;margin-bottom:40px}.contact-cards{display:flex;flex-direction:column;gap:16px}.contact-card{align-items:center;animation:fadeUp .5s ease both;background:#ffffff0a;background:var(--card-bg);border:1px solid #ffffff14;border:1px solid var(--card-border);border-radius:12px;display:flex;gap:20px;padding:20px 28px;text-align:left;transition:border-color .3s,transform .2s}.contact-card:hover{border-color:#00e5ff;border-color:var(--accent);transform:translateX(4px)}.contact-icon{flex-shrink:0;font-size:28px}.contact-info{display:flex;flex-direction:column;gap:2px}.contact-label{color:#00e5ff;color:var(--accent);font-family:Space Mono,monospace;font-family:var(--font-mono);font-size:10px;letter-spacing:2px;text-transform:uppercase}.contact-value{color:#e8eaf0;color:var(--text);font-size:16px}.contact-value.link{color:#00e5ff;color:var(--accent);text-decoration:none}.contact-value.link:hover{text-decoration:underline}@media (max-width:768px){.navbar{padding:0 16px}.nav-logo{display:none}.nav-btn{font-size:11px;padding:6px 10px}.page{padding:40px 20px}.about-content{flex-direction:column}.about-photo-border{height:220px;margin:0 auto;width:180px}}
/*# sourceMappingURL=main.fab6db3d.css.map*/