:root{--bg-color: #050510;--card-bg: rgba(255, 255, 255, .05);--text-main: #ffffff;--text-secondary: #a0a0a0;--accent-color: #00f0ff;--accent-secondary: #7000ff;--glass-border: rgba(255, 255, 255, .1);--font-main: "Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-main);line-height:1.6;overflow-x:hidden;background-image:radial-gradient(circle at 10% 20%,rgba(112,0,255,.15) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(0,240,255,.1) 0%,transparent 40%);background-attachment:fixed}#root{width:100%}h1,h2,h3,h4,h5,h6{color:var(--text-main);font-weight:700;line-height:1.2}a{color:var(--accent-color);text-decoration:none;transition:all .3s ease}a:hover{text-shadow:0 0 10px var(--accent-color)}button{font-family:var(--font-main);cursor:pointer}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--accent-secondary);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}@keyframes neon-pulse{0%,to{text-shadow:0 0 10px var(--accent-color),0 0 20px var(--accent-color)}50%{text-shadow:0 0 20px var(--accent-secondary),0 0 30px var(--accent-secondary)}}@keyframes bg-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}body:before{content:"";position:fixed;top:0;left:0;width:200%;height:200%;background:radial-gradient(circle at 50% 50%,rgba(112,0,255,.1) 0%,transparent 50%),radial-gradient(circle at 10% 20%,rgba(0,240,255,.1) 0%,transparent 40%);animation:bg-shift 15s ease infinite;z-index:-1;pointer-events:none}.neon-text{animation:neon-pulse 3s infinite alternate}.glass-card{background:var(--card-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.glass-card:hover{border-color:var(--accent-color);box-shadow:0 0 30px #00f0ff33;transform:translateY(-5px)}.btn-primary{background:var(--accent-color);color:#000;font-weight:700;border-radius:30px;padding:15px 40px;border:none;font-size:1.2rem;box-shadow:0 0 20px #00f0ff66;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.btn-primary:hover{background:#fff;box-shadow:0 0 40px #00f0ffcc;transform:scale(1.05)}.desktop-nav{display:flex;align-items:center;gap:30px}.mobile-menu-btn,.mobile-menu-overlay,.mobile-menu-drawer{display:none}@media(max-width:768px){h1{font-size:2.2rem!important}h2{font-size:1.8rem!important}h3{font-size:1.3rem!important}.hero-text{padding:0 10px}.desktop-nav{display:none!important}.mobile-menu-btn{display:flex!important;align-items:center;gap:10px;z-index:1002;position:relative}header{padding:10px 16px!important}.mobile-menu-overlay{display:block;position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;opacity:0;visibility:hidden;transition:all .3s ease}.mobile-menu-overlay.open{opacity:1;visibility:visible}.mobile-menu-drawer{display:flex;flex-direction:column;justify-content:center;align-items:center;position:fixed;top:0;right:-100%;width:75%;max-width:300px;height:100vh;background:linear-gradient(135deg,#050514f2,#000);border-left:1px solid var(--accent-color);box-shadow:-10px 0 30px #00f0ff33;z-index:1001;transition:all .4s cubic-bezier(.175,.885,.32,1.275);padding:20px}.mobile-menu-drawer.open{right:0}.about-hero-wrap{flex-direction:column!important;align-items:center!important;text-align:center;gap:20px!important;padding:30px 20px!important}.about-hero-wrap .about-hero-info{min-width:unset!important;text-align:center}.about-hero-wrap .about-hero-info h1{font-size:1.8rem!important}.about-hero-wrap .about-contact-links{justify-content:center;gap:12px!important;font-size:.8rem}.about-section{padding:24px 16px!important}.about-stack-grid,.about-edu-lang-grid{grid-template-columns:1fr!important}.about-tags-grid{gap:6px!important}.about-tags-grid span{font-size:.75rem!important;padding:6px 10px!important}.about-career-tags span{font-size:.8rem!important;padding:8px 14px!important}}@media(max-width:400px){h1{font-size:1.6rem!important}h2{font-size:1.5rem!important}.btn-primary{padding:12px 24px;font-size:1rem}}