@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--background: #0f172a;--text-primary: #f8fafc;--text-secondary: #94a3b8;--primary: #6366f1;--primary-hover: #4f46e5;--secondary: #ec4899;--accent: #14b8a6;--surface: rgba(30, 41, 59, .7);--surface-border: rgba(255, 255, 255, .1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--background);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden;background-image:radial-gradient(at 0% 0%,rgba(99,102,241,.15) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(236,72,153,.15) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(20,184,166,.15) 0px,transparent 50%);background-attachment:fixed}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:1rem}a{color:var(--primary);text-decoration:none;transition:all .2s ease}a:hover{color:var(--secondary);text-shadow:0 0 8px rgba(236,72,153,.5)}ul{list-style:none}.glass{background:var(--surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--surface-border);border-radius:16px;box-shadow:0 4px 30px #0000001a}.glass-card{background:#1e293b66;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.glass-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #6366f11a;border:1px solid rgba(99,102,241,.3)}.text-gradient{background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.container{max-width:1100px;margin:0 auto;padding:0 2rem}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:var(--surface-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}@media(max-width:768px){.container{padding:0 1rem}h1{font-size:2.5rem!important}h2{font-size:2rem!important}.glass{padding:1rem!important}.mobile-menu-btn{display:block!important}.header-mobile-top{width:100%!important}header{flex-direction:column!important;padding:1rem!important;gap:0!important}.nav-links-container{display:none!important;width:100%;flex-direction:column;padding-top:.5rem;gap:1rem!important;border-top:1px solid var(--surface-border);margin-top:.5rem}.nav-links-container.open{display:flex!important;animation:fadeIn .15s ease-in-out}.main-nav{flex-direction:column;align-items:center;width:100%;gap:.75rem!important}.main-nav a{width:100%;text-align:center;padding:.5rem 0;border-radius:8px}.main-nav a:hover{background:#ffffff0d}.social-links{justify-content:center;width:100%;gap:1.5rem!important;padding-bottom:.5rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}#hero{height:auto!important;padding:6rem 0 3rem}#hero h1{font-size:2.5rem!important}#projects,#experience,#education,#skills{padding:3rem 0!important}.glass-card>div:first-child{flex-direction:column;align-items:flex-start!important}.glass-card>div:first-child>div:last-child{margin-top:.5rem}div[style*="display: flex"]{flex-wrap:wrap}}
