:root{--bg:#0b1020;--bg-alt:#121933;--surface:#18213f;--text:#f3f4f6;--muted:#aab4d6;--primary:#6d7cff;--accent:#8b5cf6;--border:#2a3458}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}::selection{color:#fff;background:#6d7cff59}.container{width:min(1100px,92%);margin:0 auto}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);z-index:10;background:#0b1020d9;position:sticky;top:0}.nav{justify-content:space-between;align-items:center;min-height:72px;display:flex}.nav nav{gap:1.2rem;display:flex}.nav nav a{color:var(--text);transition:color .2s;position:relative}.nav nav a:hover{color:var(--primary)}.nav nav a:after{content:"";background:var(--primary);width:0;height:2px;transition:width .2s;position:absolute;bottom:-6px;left:0}.nav nav a:hover:after{width:100%}.logo{font-size:1.1rem;font-weight:700}.hero{padding:6rem 0 4rem;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#6d7cff38,#0000 70%);width:420px;height:420px;position:absolute;top:-120px;right:-80px}.hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#8b5cf624,#0000 70%);width:320px;height:320px;position:absolute;bottom:-120px;left:-80px}.hero-grid{z-index:1;grid-template-columns:1.2fr .8fr;align-items:center;gap:2rem;display:grid;position:relative}.hero-visual{justify-content:center;align-items:center;display:flex}.profile-photo-card{background:linear-gradient(135deg,#6d7cff40,#8b5cf633);border-radius:26px;width:100%;max-width:360px;padding:10px;transition:transform .3s,box-shadow .3s;position:relative;box-shadow:0 20px 60px #0006,0 0 40px #6d7cff26}.profile-photo-card:hover{transform:translateY(-6px);box-shadow:0 30px 70px #00000080,0 0 60px #6d7cff40}.profile-photo-card:before{content:"";z-index:-1;filter:blur(16px);opacity:.7;background:linear-gradient(135deg,#6d7cff73,#8b5cf659,#6d7cff26);border-radius:26px;position:absolute;inset:-2px}.profile-photo{aspect-ratio:4/5;object-fit:cover;object-position:center top;border:1px solid #6d7cff40;border-radius:18px;width:100%;transition:transform .3s;box-shadow:0 10px 30px #00000059}.profile-photo-card:hover .profile-photo{transform:scale(1.03)}.hero-image{border:1px solid #6d7cff40;border-radius:22px;width:100%;max-width:460px;box-shadow:0 20px 60px #0006,0 0 40px #6d7cff26}.eyebrow{color:var(--primary);text-transform:uppercase;letter-spacing:.08em;font-weight:700}.hero h1{letter-spacing:-.02em;margin:.5rem 0;font-size:3rem}.hero h2{color:var(--muted);margin-top:0;font-size:1.2rem;font-weight:400}.hero-text{color:var(--muted);max-width:60ch;font-size:1.1rem;line-height:1.7}.hero-actions{gap:1rem;margin-top:1.5rem;display:flex}.btn{border:1px solid var(--border);border-radius:10px;justify-content:center;align-items:center;padding:.9rem 1.2rem;font-weight:700;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s;display:inline-flex}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px #00000038}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--accent));color:#fff;box-shadow:0 8px 20px #6d7cff40}.btn-primary:hover{box-shadow:0 12px 32px #6d7cff66}.btn-secondary{background:0 0}.btn-secondary:hover{background:#ffffff08}.card,.skill-card,.contact-box,.terminal-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.25rem;transition:transform .25s,box-shadow .25s,border-color .25s}.card:hover,.skill-card:hover,.contact-box:hover,.terminal-card:hover{border-color:#6d7cff73;transform:translateY(-4px);box-shadow:0 16px 40px #00000047}.terminal-card{background:linear-gradient(#1a2344 0%,#17203a 100%);border:1px solid #33406b;border-radius:18px;padding:2.2rem 1.5rem 1.5rem;position:relative}.terminal-card:before{content:"";background:#ff5f56;border-radius:50%;width:10px;height:10px;position:absolute;top:14px;left:16px;box-shadow:18px 0 #ffbd2e,36px 0 #27c93f}.terminal-card p{color:#c7d2fe;margin:.45rem 0;font-family:monospace;line-height:1.6}.cursor-line{align-items:center;gap:.35rem;display:flex}.cursor{background:#c7d2fe;width:10px;height:18px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.section{padding:4rem 0}.section.alt{background:var(--bg-alt)}.section h3{letter-spacing:-.02em;margin-bottom:1rem;font-size:2rem}.section-text{color:var(--muted);white-space:pre-line;max-width:60ch;line-height:1.8}.section-heading{margin-bottom:1.5rem}.section-subtitle{color:var(--muted);max-width:60ch;margin:0;line-height:1.7}.skills-grid,.cards-grid{gap:1rem;display:grid}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1.4rem}.cards-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.skill-card{padding:1.5rem;font-weight:600}.skill-card-icon{text-align:center;background:linear-gradient(#18213ff7,#131b35f7);flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:160px;padding:1.6rem 1rem;display:flex;position:relative;overflow:hidden}.skill-card-icon:before{content:"";background:linear-gradient(90deg,#0000,#6d7cffe6,#0000);width:72%;height:2px;position:absolute;top:0;left:14%;box-shadow:0 0 18px #6d7cff8c}.skill-card-icon:after{content:"";pointer-events:none;background:radial-gradient(circle,#6d7cff24,#0000 70%);width:90px;height:90px;position:absolute;inset:auto auto -26px -26px}.skill-card-icon:hover{border-color:#6d7cff80;transform:translateY(-6px);box-shadow:0 18px 44px #00000052,0 0 24px #6d7cff1f}.skill-icon{width:64px;height:64px;color:var(--primary);background:radial-gradient(circle at 30% 30%,#6d7cff38,#6d7cff14);border:1px solid #6d7cff3d;border-radius:50%;justify-content:center;align-items:center;margin-bottom:6px;font-size:2rem;transition:transform .22s,color .22s,box-shadow .22s,border-color .22s;display:flex;box-shadow:0 0 0 6px #6d7cff0a,0 0 24px #6d7cff2e}.skill-card-icon:hover .skill-icon{color:#fff;border-color:#6d7cff66;transform:scale(1.08);box-shadow:0 0 0 8px #6d7cff0f,0 0 30px #6d7cff4d}.skill-name{text-align:center;max-width:110px;min-height:40px;color:var(--text);justify-content:center;align-items:center;font-size:.95rem;line-height:1.35;transition:color .2s;display:flex}.skill-card-icon:hover .skill-name{color:#fff}.card h4{letter-spacing:-.02em;margin-top:0}.card p,.card li,.contact-box p{color:var(--muted);max-width:60ch;line-height:1.6}.tags{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.tag{color:#dbe2ff;background:#6d7cff1f;border:1px solid #6d7cff40;border-radius:999px;padding:.35rem .7rem;font-size:.85rem}.project-card{flex-direction:column;transition:transform .25s,box-shadow .25s;display:flex;overflow:hidden}.project-card:hover{transform:translateY(-6px);box-shadow:0 20px 60px #00000059}.project-card:hover .project-image{border-color:#6d7cff59;transform:scale(1.02)}.project-image{object-fit:cover;border:1px solid #6d7cff33;border-radius:12px;width:100%;height:180px;margin-bottom:1rem;transition:transform .25s,border-color .25s}.project-links{margin-top:1rem}.project-links a{color:var(--primary);font-weight:700;transition:opacity .2s}.project-links a:hover{opacity:.9;text-decoration:underline}.two-columns{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.contact-box{flex-direction:column;gap:1.2rem;max-width:620px;padding:1.5rem;display:flex}.contact-intro{color:var(--muted);margin:0;font-size:1.05rem;line-height:1.7}.contact-links{flex-direction:column;gap:.9rem;display:flex}.contact-link{background:#ffffff05;border:1px solid #6d7cff2e;border-radius:12px;align-items:center;gap:.85rem;padding:.95rem 1rem;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s;display:flex}.contact-link:hover{background:#6d7cff14;border-color:#6d7cff73;transform:translateY(-2px);box-shadow:0 12px 28px #00000038}.contact-icon{color:var(--primary);justify-content:center;align-items:center;min-width:24px;font-size:1.25rem;display:inline-flex}.hobby-card{padding:1.5rem}.hobby-header{align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.hobby-header h4{margin:0;font-size:1.35rem}.hobby-label{color:var(--muted);margin-top:.25rem;font-size:.95rem;display:inline-block}.hobby-icon{width:56px;height:56px;color:var(--primary);background:#6d7cff1a;border:1px solid #6d7cff33;border-radius:14px;justify-content:center;align-items:center;font-size:1.7rem;display:inline-flex;box-shadow:0 8px 24px #0003}.hobby-list{flex-direction:column;gap:.9rem;margin:0;padding:0;list-style:none;display:flex}.hobby-list li{color:var(--muted);align-items:flex-start;gap:.7rem;line-height:1.6;display:flex}.list-icon{color:var(--primary);flex-shrink:0;margin-top:.25rem;font-size:1rem}.footer{border-top:1px solid var(--border);color:var(--muted);padding:1.5rem 0}@media (width<=768px){.nav{grid-template-columns:1fr;gap:1rem;padding:1rem 0;display:grid}.nav nav{flex-wrap:wrap;gap:.8rem}.hero-grid,.two-columns{grid-template-columns:1fr}.hero-image{max-width:100%}.hero h1{font-size:2.2rem}.hero-actions{flex-direction:column}.cards-grid,.skills-grid{grid-template-columns:1fr}.skill-card-icon{min-height:128px}.profile-photo-card{max-width:280px}.hero-visual{margin-top:2rem}}