:root{--bg-color: #0a0a0a;--text-color: #e0e0e0;--accent-color: #7c3aed;--accent-glow: rgba(124, 58, 237, .5);--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--card-bg: #111111;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--text-color);background-color:var(--bg-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg-color);color:var(--text-color);overflow-x:hidden}a{font-weight:500;color:var(--accent-color);text-decoration:inherit;transition:color .3s}a:hover{color:#9f67ff}h1,h2,h3,h4,h5,h6{line-height:1.1;color:#fff}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section{padding:80px 0;min-height:100vh;display:flex;flex-direction:column;justify-content:center}.gradient-text{background:linear-gradient(to right,#fff,var(--accent-color));-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:16px}.navbar{position:fixed;top:0;left:0;width:100%;padding:20px 0;z-index:1000;transition:all .3s ease}.navbar.scrolled{background:#0a0a0ad9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:15px 0;border-bottom:1px solid var(--glass-border)}.nav-container{display:flex;justify-content:space-between;align-items:center}.logo-link{font-size:1.8rem;font-weight:700;color:#fff;cursor:pointer;letter-spacing:-1px}.dot{color:var(--accent-color)}.nav-links{display:flex;gap:30px;align-items:center}.nav-item{color:#a0a0a0;font-weight:500;cursor:pointer;transition:color .3s;font-size:.95rem}.nav-item:hover,.nav-item.active{color:#fff}.menu-icon{display:none;color:#fff;cursor:pointer}.social-mobile{display:none}@media (max-width: 768px){.menu-icon{display:block}.nav-links{position:fixed;top:0;right:-100%;width:70%;height:100vh;background:#0a0a0a;flex-direction:column;justify-content:center;transition:right .3s ease;border-left:1px solid var(--glass-border)}.nav-links.active{right:0;box-shadow:-10px 0 30px #00000080}.social-mobile{display:flex;gap:20px;margin-top:30px}}.hero-section{position:relative;overflow:hidden;padding-top:120px}.hero-container{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px}.hero-greeting{font-size:1.2rem;color:var(--accent-color);font-weight:600;margin-bottom:15px;display:block}.hero-title{font-size:4rem;font-weight:800;margin-bottom:10px;line-height:1.1}.hero-subtitle{font-size:2rem;font-weight:600;color:#a0a0a0;margin-bottom:25px}.hero-subtitle .highlight{color:#fff}.hero-description{font-size:1.1rem;color:#888;max-width:500px;line-height:1.6;margin-bottom:40px}.hero-buttons{display:flex;gap:15px;flex-wrap:wrap}.btn{display:flex;align-items:center;gap:10px;padding:12px 25px;border-radius:8px;font-weight:600;transition:all .3s ease;text-decoration:none}.btn-primary{background:var(--accent-color);color:#fff;border:1px solid var(--accent-color);box-shadow:0 4px 15px var(--accent-glow)}.btn-primary:hover{background:#6d28d9;transform:translateY(-2px)}.btn-secondary{background:#222;color:#fff;border:1px solid #333}.btn-secondary:hover{background:#333;border-color:#444;transform:translateY(-2px)}.btn-outline{background:transparent;color:#aaa;border:1px solid #333}.btn-outline:hover{color:#fff;border-color:#fff}.code-card{padding:25px;font-family:Fira Code,monospace;font-size:.95rem;width:100%;max-width:450px;margin-left:auto;box-shadow:0 20px 50px -10px #00000080;position:relative;overflow:hidden}.code-card:before{content:"";position:absolute;top:-50px;left:-50px;width:100px;height:100px;background:var(--accent-color);filter:blur(50px);opacity:.5}.code-header{display:flex;gap:8px;margin-bottom:20px}.dot{width:12px;height:12px;border-radius:50%}.red{background:#ff5f56}.yellow{background:#ffbd2e}.green{background:#27c93f}pre{margin:0;white-space:pre-wrap}.keyword{color:#c678dd}.variable{color:#e06c75}.property{color:#61afef}.string{color:#98c379}.hero-bg-glow{position:absolute;top:50%;right:-10%;width:500px;height:500px;background:var(--accent-color);filter:blur(150px);opacity:.15;border-radius:50%;z-index:-1;transform:translateY(-50%)}@media (max-width: 960px){.hero-container{grid-template-columns:1fr;text-align:center;gap:60px}.hero-description,.code-card{margin:0 auto 30px}.hero-buttons{justify-content:center}.hero-bg-glow{right:50%;transform:translate(50%,-50%)}}@media (max-width: 480px){.hero-title{font-size:2.8rem}.hero-subtitle{font-size:1.5rem}}.about-section{background:linear-gradient(180deg,var(--bg-color) 0%,rgba(124,58,237,.05) 100%)}.section-header{text-align:center;margin-bottom:60px}.section-tag{color:var(--accent-color);font-size:.9rem;letter-spacing:2px;text-transform:uppercase;font-weight:600;margin-bottom:10px;display:block}.section-title{font-size:2.5rem;font-weight:700}.about-content{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:start}.about-text{padding:30px}.about-text p{color:#ccc;margin-bottom:20px;line-height:1.7}.intro{font-size:1.1rem}.education-box{margin-top:30px;border-top:1px solid var(--glass-border);padding-top:20px}.education-box h4{margin-bottom:15px;color:#fff}.edu-item{display:flex;flex-direction:column}.edu-item .year{color:var(--accent-color);font-weight:600;font-size:.9rem}.edu-item .degree{font-weight:600;font-size:1.05rem;color:#eee;margin:5px 0}.edu-item .location{color:#888;font-size:.9rem}.about-cards{display:grid;grid-template-columns:1fr;gap:20px}.feature-card{padding:25px;transition:all .3s ease;display:flex;align-items:center;gap:20px}.card-icon{background:#7c3aed1a;padding:15px;border-radius:12px;display:flex;align-items:center;justify-content:center}.feature-card h3{font-size:1.2rem;margin-bottom:5px;color:#fff}.feature-card p{font-size:.9rem;color:#a0a0a0;margin:0}@media (max-width: 960px){.about-content{grid-template-columns:1fr}}.skills-section{background-color:#0a0a0a}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px}.skill-card{padding:30px;transition:all .3s ease}.skill-card:hover{transform:translateY(-5px);border-color:var(--accent-color);box-shadow:0 10px 30px -10px var(--accent-glow)}.skill-card h3{font-size:1.2rem;margin-bottom:20px;color:#fff;border-bottom:1px solid var(--glass-border);padding-bottom:10px}.skill-tags{display:flex;flex-wrap:wrap;gap:10px}.skill-tag{background:#ffffff0d;padding:8px 14px;border-radius:20px;font-size:.9rem;color:#ccc;border:1px solid transparent;transition:all .2s ease}.skill-tag:hover{background:#7c3aed33;color:var(--accent-color);border-color:#7c3aed4d}.projects-section{background-color:var(--bg-color)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:30px}.project-card{border-radius:16px;overflow:hidden;transition:all .3s ease;height:100%;display:flex;flex-direction:column}.project-card:hover{border-color:var(--accent-color);box-shadow:0 10px 40px -10px #7c3aed4d}.project-content{padding:25px;display:flex;flex-direction:column;height:100%}.project-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.project-category{font-size:.8rem;color:var(--accent-color);font-weight:600;text-transform:uppercase;letter-spacing:1px}.project-links{display:flex;gap:15px}.icon-link{color:#a0a0a0;transition:color .3s}.icon-link:hover{color:#fff}.project-title{font-size:1.4rem;margin-bottom:15px;color:#fff;font-weight:700}.project-desc{font-size:.95rem;color:#bbb;margin-bottom:25px;line-height:1.6;flex-grow:1}.project-tech{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.tech-tag{font-size:.8rem;color:#888;font-family:Fira Code,monospace}.experience-section{background:linear-gradient(180deg,rgba(124,58,237,.05) 0%,var(--bg-color) 100%)}.timeline{position:relative;max-width:800px;margin:0 auto}.timeline:before{content:"";position:absolute;top:0;left:50%;width:2px;height:100%;background:var(--glass-border);transform:translate(-50%)}.timeline-item{margin-bottom:50px;position:relative;width:50%}.timeline-item:nth-child(odd){left:0;padding-right:40px}.timeline-item:nth-child(2n){left:50%;padding-left:40px}.timeline-dot{position:absolute;top:20px;width:16px;height:16px;border-radius:50%;background:var(--accent-color);border:4px solid var(--bg-color);box-shadow:0 0 0 2px var(--accent-color);z-index:2}.timeline-item:nth-child(odd) .timeline-dot{right:-9px}.timeline-item:nth-child(2n) .timeline-dot{left:-9px}.timeline-content{padding:30px;position:relative}.timeline-content:before{content:"";position:absolute;top:20px;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent}.timeline-item:nth-child(odd) .timeline-content:before{right:-10px;border-left:10px solid rgba(255,255,255,.1)}.timeline-item:nth-child(2n) .timeline-content:before{left:-10px;border-right:10px solid rgba(255,255,255,.1)}.exp-header h3{font-size:1.3rem;color:#fff;margin-bottom:5px}.company{color:var(--accent-color);font-weight:600;font-size:.95rem;display:block;margin-bottom:15px}.exp-meta{display:flex;gap:15px;margin-bottom:20px;font-size:.85rem;color:#888}.meta-item{display:flex;align-items:center;gap:6px}.exp-points{list-style-type:disc;padding-left:20px;color:#ccc}.exp-points li{margin-bottom:8px;line-height:1.6;font-size:.95rem}@media (max-width: 768px){.timeline:before{left:20px}.timeline-item{width:100%;left:0!important;padding-left:50px!important;padding-right:0!important}.timeline-dot{left:11px!important}.timeline-item:nth-child(odd) .timeline-content:before,.timeline-item:nth-child(2n) .timeline-content:before{left:-10px;border-right:10px solid rgba(255,255,255,.1);border-left:none;right:auto}}.contact-section{background-color:#050505;padding-bottom:30px;min-height:50vh}.contact-content{text-align:center;max-width:600px;margin:0 auto}.contact-text p{color:#bbb;margin-bottom:40px;font-size:1.1rem}.contact-links{display:flex;flex-direction:column;align-items:center;gap:20px;margin-bottom:60px}.contact-item{display:flex;align-items:center;gap:15px;color:#fff;font-size:1.1rem;padding:15px 30px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:50px;transition:all .3s ease}.contact-item:hover{border-color:var(--accent-color);transform:translateY(-3px);background:#7c3aed1a}.social-links{display:flex;gap:20px;margin-top:10px}.social-icon{background:#222;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .3s ease}.social-icon:hover{background:var(--accent-color);transform:translateY(-3px) rotate(10deg)}.footer-bottom{border-top:1px solid #222;padding-top:30px;font-size:.9rem;color:#666}