@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');

:root{--bg:#07111f;--bg2:#0b1728;--card:#101f33;--text:#e8eef7;--muted:#aab8ca;--accent:#55c2ff;--accent2:#7c6cff}
*{scroll-behavior:smooth} body{font-family:Inter,Arial,sans-serif;color:#172033;background:#fff}h1,h2,h3,h4,.navbar-brand{font-family:"Space Grotesk",sans-serif}.glass-nav{background:rgba(5,14,27,.78);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}.navbar-brand span{color:var(--accent)}.nav-link{color:#d9e4f2!important;margin-left:1rem}.nav-link:hover{color:var(--accent)!important}
.hero{background:radial-gradient(circle at 85% 30%,rgba(85,194,255,.16),transparent 28%),radial-gradient(circle at 60% 80%,rgba(124,108,255,.14),transparent 30%),linear-gradient(135deg,#06101d,#0a1930);color:var(--text)}.eyebrow{color:var(--accent);font-size:.78rem;font-weight:800;letter-spacing:.18em}.hero h1{font-size:clamp(3.1rem,7vw,6.4rem);line-height:.96;font-weight:700;letter-spacing:-.05em}.hero h1 span,.contact-section h2 span{color:var(--accent)}.hero .lead{font-size:1.35rem;font-weight:600}.hero-text{max-width:680px;color:#b9c7d9;font-size:1.08rem}.btn-primary{background:var(--accent);border-color:var(--accent);color:#06101d;font-weight:700}.btn-primary:hover{background:#8bd7ff;border-color:#8bd7ff;color:#06101d}.hero-links{display:flex;gap:1.5rem;flex-wrap:wrap}.hero-links a{color:#cbd8e8;text-decoration:none}.hero-links a:hover{color:var(--accent)}.hero-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:3rem 2rem;box-shadow:0 30px 80px rgba(0,0,0,.25)}.code-dot{width:9px;height:9px;border-radius:50%;background:#6b7a8e;display:inline-block;margin-right:5px}.hero-card pre{margin-top:2rem;color:#bcd4e9;font-size:.9rem}
.section{padding:100px 0}.section-dark{background:var(--bg);color:var(--text)}.section-light{background:#f3f7fb}.section-title{display:flex;align-items:center;gap:1rem;margin-bottom:55px}.section-title span{color:var(--accent2);font-weight:800}.section-title h2{font-size:2.5rem;margin:0}.section h3{font-size:1.7rem}.section p{line-height:1.8;color:#5d6b7d}.section-dark p{color:#aab8ca}.info-box{background:#f4f8fc;border:1px solid #e1e8f0;border-radius:18px;padding:1.5rem}.info-box div{display:grid;grid-template-columns:30px 1fr;column-gap:10px;padding:1rem 0;border-bottom:1px solid #dce5ee}.info-box div:last-child{border:0}.info-box i{color:#5b74d6;grid-row:span 2}.info-box strong{font-size:.85rem}.info-box span{color:#64748b}
.timeline{max-width:900px;margin:auto;border-left:2px solid #27425e;padding-left:2rem}.timeline-item{position:relative;padding:0 0 3rem}.timeline-item:before{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:var(--accent);left:-39px;top:7px;box-shadow:0 0 0 5px var(--bg)}.timeline-item .period{color:var(--accent);font-size:.78rem;font-weight:800;letter-spacing:.08em}.timeline-item h3{margin:.35rem 0 .15rem}.timeline-item h4{font-size:1rem;color:#b8c8da;margin-bottom:.8rem}
.tech-card,.education-card{height:100%;padding:2rem;border-radius:18px;border:1px solid #dfe7ef;background:#fff;transition:.25s}.tech-card:hover,.education-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px rgba(25,45,70,.1)}.tech-card i{font-size:2rem;color:#6075dd}.tech-card h3{margin:1rem 0 .5rem}.education-card span{font-size:.72rem;color:#6075dd;font-weight:800;letter-spacing:.12em}.education-card h3{font-size:1.3rem;margin-top:1rem}.education-card p{margin:0}.progress{height:28px;background:#dce5ee}.progress-bar{background:#6075dd;font-weight:700}.language{max-width:800px;margin:auto}
.contact-section{background:linear-gradient(135deg,#07111f,#111d3a);color:var(--text)}.contact-section h2{font-size:clamp(2.5rem,6vw,4.5rem);line-height:1.05}.contact-text{max-width:650px;margin:1.5rem auto;color:#afbdd0!important}.footer{background:#040b14;color:#8fa1b6;padding:25px 0;font-size:.85rem}.top-btn{position:fixed;right:20px;bottom:20px;width:44px;height:44px;border:0;border-radius:50%;background:var(--accent);color:#06101d;display:none}.top-btn.show{display:block}
@media(max-width:767px){.section{padding:75px 0}.hero h1{font-size:3.5rem}.hero .lead{font-size:1.1rem}.timeline{padding-left:1.5rem}.timeline-item:before{left:-25px}.nav-link{margin-left:0}}