: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}html{background-color:#050505}body{width:100%;overflow-x:hidden;background-color:transparent!important;color:var(--text-primary);font-family:var(--font-sans);line-height:1.6;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#050505}::-webkit-scrollbar-thumb{background:#00d1ff;border-radius:4px;border:2px solid #050505}::-webkit-scrollbar-thumb:hover{background:#fff}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem;background:transparent!important}header{height:80px;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;font-size:1rem;color:#fff;text-decoration:none}.accent{color:var(--accent)}.mobile-menu-toggle{display:none;background:transparent;border:1px solid var(--accent);color:var(--accent);padding:.4rem .8rem;font-family:var(--font-mono);font-size:.6rem;cursor:pointer}nav ul{display:flex;list-style:none;gap:2rem}nav a{color:var(--text-secondary);text-decoration:none;font-size:.7rem;font-family:var(--font-mono);transition:.3s;letter-spacing:1px}nav a:hover{color:var(--accent)}.hero{min-height:calc(100vh - 80px);display:flex;align-items:center;padding:2rem 0;background:transparent!important}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:3rem;align-items:center;width:100%}.hero-title{font-size:clamp(2rem,8vw,4.5rem);line-height:1;font-weight:900;margin-bottom:1.5rem;letter-spacing:-2px}.accent-text{color:var(--accent);text-shadow:0 0 30px var(--accent-glow)}.hero-desc{font-size:clamp(.9rem,2vw,1.2rem);color:var(--text-secondary);margin-bottom:2.5rem;max-width:600px}.hero-btns{display:flex;gap:1rem;flex-wrap:wrap}.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:.5rem;color:var(--accent);background:#0009;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:clamp(4rem,10vw,10rem) 0;border-top:1px solid var(--border);background:transparent!important}.section-title{font-size:clamp(1.8rem,6vw,3.5rem);font-weight:900;margin-bottom:2.5rem;letter-spacing:-1px}.mono-sub{font-family:var(--font-mono);color:var(--accent);font-size:.7rem;margin-bottom:.8rem;letter-spacing:2px}.p-text{color:var(--text-secondary);font-size:clamp(.95rem,2vw,1.1rem);line-height:1.7;margin-bottom:1.5rem}.responsive-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:flex-start}.cv-grid{display:grid;grid-template-columns:1fr 2fr;gap:5rem}.card{background:var(--glass);border:1px solid var(--border);padding:clamp(1.5rem,4vw,2.5rem);position:relative;transition:.3s;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.card:hover{border-color:var(--accent);background:#ffffff0d}.card-tag{font-family:var(--font-mono);font-size:.6rem;color:var(--accent);margin-bottom:.8rem;letter-spacing:2px}.card-title{font-size:1.4rem;font-weight:800;color:#fff;margin-bottom:1rem}.card-desc{color:var(--text-secondary);font-size:.9rem;line-height:1.6}.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:1.5rem;position:relative;overflow:hidden;line-height:0}.lecture-img{width:100%;height:auto;display:block;opacity:.9}.edu-item{display:flex;gap:1.5rem;margin-bottom:2.5rem;align-items:flex-start}.edu-logo{width:45px;height:45px;background:#fff;border-radius:4px;padding:4px;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:1rem;color:#fff}.edu-school{color:var(--accent);font-size:.8rem;font-family:var(--font-mono);margin:.2rem 0}.edu-detail{color:var(--text-secondary);font-size:.75rem}.timeline-item{margin-bottom:4rem;border-left:1px solid var(--border);padding-left:2rem;position:relative}.timeline-dot{width:8px;height:8px;background:var(--accent);position:absolute;left:-4px;top:6px;border-radius:50%;box-shadow:0 0 15px var(--accent)}.timeline-header{display:flex;gap:1.5rem;align-items:center;margin-bottom:1rem}.timeline-logo{width:50px;height:50px;background:#fff;border-radius:4px;padding:6px;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.4rem;font-weight:900;color:#fff}.timeline-meta{color:var(--accent);font-family:var(--font-mono);font-size:.75rem}.timeline-desc{color:var(--text-secondary);line-height:1.7;font-size:.95rem}footer{padding:6rem 0;border-top:1px solid var(--border);background:transparent!important}.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;border:none}.btn-primary{background:var(--accent);color:#000;font-weight:800}.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)}.cert-link-group:hover .cert-verify-tag{opacity:.6;transform:translateY(0)}.cert-link-group:hover .cert-badge{background:var(--accent);color:#000;box-shadow:0 0 20px var(--accent-glow)}.cert-link-group:hover .cert-title{color:#fff;transform:translate(5px)}.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}}.hero-dashboard-overlay{position:absolute;bottom:0;left:0;width:100%;max-width:400px;z-index:10}@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}}