*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary: #060A12;--bg-secondary: #0D1421;--bg-card: #111827;--bg-card-hover: #1a2436;--accent-green: #00FF88;--accent-green-dim: rgba(0, 255, 136, .15);--accent-green-glow: rgba(0, 255, 136, .4);--accent-blue: #60A5FA;--accent-blue-dim: rgba(96, 165, 250, .12);--text-primary: #F0F4FC;--text-secondary: #8B9BB4;--text-muted: #4B5E7A;--border: rgba(255, 255, 255, .06);--border-accent: rgba(0, 255, 136, .2);--font-heading: "Bricolage Grotesque", sans-serif;--font-body: "DM Sans", sans-serif;--font-mono: "JetBrains Mono", monospace;--transition: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--shadow-green: 0 0 30px rgba(0, 255, 136, .15);--shadow-card: 0 4px 24px rgba(0, 0, 0, .4);--radius: 12px;--radius-lg: 20px}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:1.1;-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:var(--font-body)}img{max-width:100%;height:auto}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--accent-green);border-radius:2px}::selection{background:var(--accent-green-dim);color:var(--accent-green)}.container{max-width:1200px;margin:0 auto;padding:0 24px}.section{padding:100px 0}.section-tag{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:13px;color:var(--accent-green);letter-spacing:.08em;margin-bottom:16px}.section-tag:before{content:"";display:block;width:24px;height:1px;background:var(--accent-green)}.section-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;letter-spacing:0;margin-bottom:16px}.section-subtitle{font-size:1.1rem;color:var(--text-secondary);max-width:560px;line-height:1.7}.accent{color:var(--accent-green)}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:var(--accent-green);color:var(--bg-primary);font-family:var(--font-heading);font-weight:700;font-size:.9rem;letter-spacing:.05em;border-radius:var(--radius);transition:all var(--transition);cursor:pointer}.btn-primary:hover{background:#00e07a;box-shadow:var(--shadow-green);transform:translateY(-2px)}.btn-outline{display:inline-flex;align-items:center;gap:8px;padding:13px 27px;background:transparent;color:var(--text-primary);font-family:var(--font-heading);font-weight:600;font-size:.9rem;letter-spacing:.05em;border:1px solid var(--border);border-radius:var(--radius);transition:all var(--transition);cursor:pointer}.btn-outline:hover{border-color:var(--accent-green);color:var(--accent-green);background:var(--accent-green-dim)}.grid-bg{position:fixed;inset:0;background-image:linear-gradient(rgba(0,255,136,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,136,.03) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:0}.orb{position:fixed;border-radius:50%;filter:blur(100px);pointer-events:none;z-index:0}.orb-green{width:500px;height:500px;background:radial-gradient(circle,rgba(0,255,136,.08) 0%,transparent 70%);top:-100px;right:-100px}.orb-blue{width:400px;height:400px;background:radial-gradient(circle,rgba(96,165,250,.06) 0%,transparent 70%);bottom:20%;left:-100px}@media(max-width:768px){.grid-bg,.orb{display:none}}@media(max-width:768px){#hero,#about,#skills,#projects,#education,#testimonials,#contact,.section-tag,.section-title,.section-subtitle,.hero-left,.about-grid,.skills-grid,.projects-grid,.education-grid,.testimonials-layout,.contact-grid,.footer-main{opacity:1!important;transform:none!important}}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition-slow)}.card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-card),0 0 40px #00ff880d;transform:translateY(-4px)}.mono-tag{font-family:var(--font-mono);font-size:12px;color:var(--text-muted);letter-spacing:.05em}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500;font-family:var(--font-mono);background:var(--accent-green-dim);color:var(--accent-green);border:1px solid var(--border-accent)}@media(max-width:768px){.section{padding:70px 0}.container{padding:0 16px}}@media(max-width:480px){.section{padding:50px 0}}html,body{max-width:100%;overflow-x:hidden}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}@media(max-width:900px){.hero-grid{grid-template-columns:1fr;gap:40px}.hero-right{display:none!important}}@media(max-width:480px){.hero-social-label{display:none}.hero-grid{gap:20px}.hero-left{gap:14px!important}}@media(max-width:768px){#hero{min-height:unset!important;padding-top:96px!important;padding-bottom:48px!important;justify-content:flex-start!important}.hero-scroll-indicator{display:none!important}}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}@media(max-width:900px){.about-grid{grid-template-columns:1fr;gap:40px}}.about-highlights{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:400px){.about-highlights{grid-template-columns:1fr}}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}@media(max-width:600px){.skills-grid{grid-template-columns:1fr}}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}@media(max-width:680px){.projects-grid{grid-template-columns:1fr 1fr;gap:14px}}@media(max-width:480px){.projects-grid{grid-template-columns:1fr}}.projects-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:36px}@media(max-width:600px){.projects-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px;scrollbar-width:none;-ms-overflow-style:none}.projects-filters::-webkit-scrollbar{display:none}.projects-filters>button{flex-shrink:0}}.stats-bar{display:flex;gap:0;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin-bottom:32px}@media(max-width:480px){.stats-bar{flex-direction:row}.stats-bar>div{padding:14px 8px!important}}.education-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media(max-width:900px){.education-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.education-grid{grid-template-columns:1fr}}.testimonials-layout{display:grid;grid-template-columns:280px 1fr;gap:40px;align-items:start}@media(max-width:900px){.testimonials-layout{grid-template-columns:1fr}.testimonials-stats-col{display:none!important}}.contact-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:32px;align-items:start}@media(max-width:768px){.contact-grid{grid-template-columns:1fr}}.footer-main{display:grid;grid-template-columns:2fr 1fr 1fr;gap:48px;padding-bottom:48px;border-bottom:1px solid var(--border)}@media(max-width:768px){.footer-main{grid-template-columns:1fr;gap:32px}}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.guarantee-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}@media(max-width:400px){.guarantee-grid{grid-template-columns:1fr 1fr}}.section-header{max-width:700px}@media(max-width:480px){.btn-primary,.btn-outline{padding:12px 22px;font-size:.85rem}.section-title{font-size:clamp(1.6rem,7vw,2.5rem)}.section-subtitle{font-size:.95rem}}@media(max-width:400px){.education-grid{grid-template-columns:1fr}}@media(max-width:768px){.section-tag,.section-title,.section-subtitle{text-align:left}.card{border-radius:12px!important}.testimonials-layout{gap:24px}}@media(max-width:480px){.section-subtitle{max-width:100%}.stats-bar{font-size:.8rem}.about-highlights .card{align-items:center;text-align:center}.guarantee-grid>div{text-align:center}}.modal-panel{background:var(--bg-secondary);border:1px solid var(--border);border-radius:20px;width:100%;max-width:1000px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 40px 100px #0009}.modal-body{display:grid;grid-template-columns:1.2fr 1fr}@media(max-width:720px){.modal-panel{max-width:100%;max-height:92dvh;border-radius:16px;margin:0}.modal-body{grid-template-columns:1fr!important}.modal-img-col{border-right:none!important;border-bottom:1px solid var(--border)}}@media(max-width:480px){.modal-panel{max-height:100dvh;border-radius:12px 12px 0 0;margin-top:auto}}@media(max-width:480px){.modal-overlay-inner{padding:0!important;align-items:flex-end!important}}@media(max-width:768px){.card:hover{transform:none}.modal-overlay-inner{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}[style*="opacity: 0"]{opacity:1!important}}