:root{--bg-primary: #050505;--bg-secondary: #0A0A0A;--accent: #00D1FF;--accent-glow: rgba(0, 209, 255, .4);--text-primary: #FFFFFF;--text-secondary: #A0A0A0;--border: rgba(255, 255, 255, .1);--font-sans: "Inter", -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace;--glass: rgba(255, 255, 255, .03)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;width:100%}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}header{height:90px;display:flex;align-items:center;background:#050505cc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:1000}.header-container{display:flex;justify-content:space-between;align-items:center;width:100%}.logo{font-family:var(--font-mono);font-weight:800;letter-spacing:2px;text-decoration:none;color:#fff}.accent{color:var(--accent)}.mobile-menu-toggle{display:none;background:transparent;border:1px solid var(--accent);color:var(--accent);padding:.5rem 1rem;font-family:var(--font-mono);cursor:pointer}nav ul{display:flex;list-style:none;gap:2.5rem}nav a{color:var(--text-secondary);text-decoration:none;font-size:.75rem;font-family:var(--font-mono);transition:.3s;letter-spacing:1.5px}nav a:hover{color:var(--accent);text-shadow:0 0 10px var(--accent-glow)}.hero{min-height:calc(100vh - 90px);display:flex;align-items:center;padding:4rem 0}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:4rem;align-items:center;width:100%}.hero-title{font-size:4.5rem;line-height:.95;font-weight:900;margin-bottom:2rem;letter-spacing:-3px}.accent-text{color:var(--accent);text-shadow:0 0 30px var(--accent-glow)}.hero-desc{font-size:1.25rem;color:var(--text-secondary);margin-bottom:3.5rem;max-width:600px}.hero-btns{display:flex;gap:1.5rem}.profile-frame{width:100%;aspect-ratio:4/3;background:var(--glass);border:1px solid var(--accent);position:relative;overflow:hidden;border-radius:4px}.profile-img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%) contrast(110%);opacity:.8}.profile-tag{position:absolute;font-size:.6rem;color:var(--accent);background:#00000080;padding:2px 5px;z-index:5;font-family:var(--font-mono)}.top-tag{top:10px;left:10px}.bottom-tag{bottom:10px;right:10px}.section-divider{padding:10rem 0;border-top:1px solid var(--border)}.section-title{font-size:3.5rem;font-weight:900;margin-bottom:3rem;letter-spacing:-1px}.mono-sub{font-family:var(--font-mono);color:var(--accent);font-size:.8rem;margin-bottom:1rem;letter-spacing:2px}.p-text{color:var(--text-secondary);font-size:1.1rem;line-height:1.8;margin-bottom:2rem}.responsive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.card{background:var(--glass);border:1px solid var(--border);padding:2.5rem;position:relative;transition:.3s}.card:hover{border-color:var(--accent);background:#ffffff0d}.card-tag{font-family:var(--font-mono);font-size:.65rem;color:var(--accent);margin-bottom:1rem;letter-spacing:2px}.card-title{font-size:1.6rem;font-weight:800;color:#fff;margin-bottom:1.5rem}.card-desc{color:var(--text-secondary);font-size:.95rem;line-height:1.7}.book-cover-container{width:100px;height:150px;background:#111;flex-shrink:0;overflow:hidden;border:1px solid var(--border);box-shadow:10px 10px 20px #00000080;margin:0 auto}.book-cover{width:100%;height:100%;object-fit:cover}.lecture-img-container{width:100%;background:#111;border:1px solid var(--border);margin-bottom:2rem;position:relative;overflow:hidden;line-height:0}.lecture-img{width:100%;height:auto;display:block;opacity:.9}.edu-item{display:flex;gap:2rem;margin-bottom:3.5rem;align-items:flex-start}.edu-logo{width:50px;height:50px;background:#fff;border-radius:4px;padding:5px;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--border)}.edu-logo img{max-width:100%;max-height:100%;object-fit:contain}.edu-title{font-weight:800;font-size:1.15rem;color:#fff;margin-bottom:.2rem}.edu-school{color:var(--accent);font-size:.9rem;margin-bottom:.4rem;font-family:var(--font-mono)}.edu-detail{color:var(--text-secondary);font-size:.8rem}.timeline-item{margin-bottom:6rem;border-left:1px solid var(--border);padding-left:4rem;position:relative}.timeline-dot{width:10px;height:10px;background:var(--accent);position:absolute;left:-5px;top:5px;border-radius:50%;box-shadow:0 0 15px var(--accent)}.timeline-header{display:flex;gap:2rem;align-items:center;margin-bottom:1.5rem}.timeline-logo{width:60px;height:60px;background:#fff;border-radius:4px;padding:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--border)}.timeline-logo img{max-width:100%;max-height:100%;object-fit:contain}.timeline-title{font-size:1.8rem;font-weight:900;color:#fff}.timeline-meta{color:var(--accent);font-family:var(--font-mono);font-size:.85rem;letter-spacing:1px}.timeline-desc{color:var(--text-secondary);line-height:1.9;font-size:1.05rem;max-width:700px}footer{padding:6rem 0;border-top:1px solid var(--border);background:transparent}.footer-container{display:flex;justify-content:space-between;align-items:center;width:100%}.footer-brand{flex:1}.footer-copy{font-size:.75rem;color:var(--text-secondary);margin-top:1rem;font-family:var(--font-mono)}.footer-links{display:flex;gap:4rem}.footer-link{color:var(--text-secondary);text-decoration:none;font-size:.75rem;font-family:var(--font-mono);letter-spacing:1px;transition:.3s}.footer-link:hover{color:var(--accent)}.btn{display:inline-flex;align-items:center;padding:.8rem 2rem;font-family:var(--font-mono);font-size:.8rem;text-decoration:none;border-radius:2px;transition:all .3s cubic-bezier(.16,1,.3,1);cursor:pointer;letter-spacing:1px}.btn-primary{background:var(--accent);color:#000;font-weight:800;border:1px solid var(--accent)}.btn-primary:hover{box-shadow:0 0 25px var(--accent-glow);transform:translateY(-2px)}.btn-outline{border:1px solid var(--accent);color:var(--accent);background:transparent;font-weight:600}.btn-outline:hover{background:#00d1ff0d;transform:translateY(-2px)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:6rem}.cv-grid{display:grid;grid-template-columns:1fr 2fr;gap:8rem}.floating-cta{position:fixed!important;bottom:40px;right:40px;background:var(--accent);color:#000!important;padding:1rem 2rem;font-family:var(--font-mono);font-size:.75rem;font-weight:800;text-decoration:none;box-shadow:0 10px 30px #00d1ff4d;z-index:9999;display:flex;align-items:center;gap:10px;border-radius:2px;transition:all .3s cubic-bezier(.16,1,.3,1)}.floating-cta:hover{transform:translateY(-5px);box-shadow:0 20px 50px #00d1ff80;background:#fff}.pulse-dot{width:8px;height:8px;background:#000;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@media(max-width:1024px){.hero-grid{grid-template-columns:1fr;gap:4rem;text-align:center}.hero-desc{margin:0 auto 3rem}.hero-btns{justify-content:center}.hero-visuals{max-width:500px;margin:0 auto;width:100%}.section-divider{padding:6rem 0}.section-title{font-size:2.5rem}.responsive-grid{grid-template-columns:1fr 1fr}.about-grid,.cv-grid{grid-template-columns:1fr;gap:4rem}.footer-container{flex-direction:column;text-align:center;gap:2rem}}@media(max-width:768px){.mobile-menu-toggle{display:block}header{height:80px}nav{position:fixed;top:80px;left:0;width:100%;height:0;background:#050505;overflow:hidden;transition:.4s;border-bottom:1px solid var(--border)}.nav-open{height:auto;padding:2rem 0}nav ul{flex-direction:column;align-items:center;gap:2rem}.responsive-grid{grid-template-columns:1fr}}