@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--bg-dark:#060a09;--bg-panel:#0a1110;--primary:#10b981;--primary-glow:#10b98180;--accent:#34d399;--text-main:#f0fdf4;--text-muted:#9ca3af;--border-light:#10b98126;--glass-bg:#060a09cc;--glass-panel:#10b98105;--padding-x:clamp(1rem, 5vw, 4rem)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);font-family:Inter,sans-serif;line-height:1.6;overflow-x:hidden}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-light)}.glass-panel{background:var(--glass-panel);border:1px solid var(--border-light);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;transition:all .3s}.glass-panel:hover{border-color:var(--primary);box-shadow:0 10px 30px #10b9810d}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#10b9814d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.gradient-text{background:linear-gradient(135deg, var(--text-main) 0%, var(--primary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-primary{background:var(--primary);color:#000}.btn-primary:hover{background:var(--accent);box-shadow:0 4px 16px var(--primary-glow);transform:translateY(-2px)}.btn-secondary{color:var(--text-main);border:1px solid var(--border-light);background:0 0}.btn-secondary:hover{border-color:var(--primary);background:#10b9811a;transform:translateY(-2px)}section{padding:100px var(--padding-x);max-width:1200px;margin:0 auto}.section-header{margin-bottom:60px}.section-title{margin-bottom:1rem;font-size:clamp(2rem,4vw,2.5rem);font-weight:700;display:inline-block;position:relative}.section-title:after{content:"";background:var(--primary);border-radius:2px;width:60px;height:3px;position:absolute;bottom:-4px;left:0}.section-subtitle{color:var(--text-muted);max-width:600px;font-size:1.1rem}@media (width<=900px){.hero-section,.about-grid,.contact-grid{grid-template-columns:1fr!important;gap:40px!important}section{padding:60px var(--padding-x)!important}.hero-section{text-align:center;padding-top:100px!important}.hero-section>div:first-child{flex-direction:column;align-items:center;display:flex}.hero-section h1{font-size:clamp(2.5rem,8vw,3.5rem)!important}.hero-section p{font-size:1.1rem!important}.hero-buttons{width:100%;flex-direction:column!important}.hero-buttons .btn{justify-content:center;width:100%}.app-header{gap:10px;padding:10px var(--padding-x)!important;flex-direction:column!important;justify-content:center!important}.header-nav{flex-wrap:wrap;justify-content:center;gap:12px!important}.timeline-line{left:20px!important;transform:none!important}.timeline-item{justify-content:flex-end!important}.timeline-dot{left:20px!important;transform:translate(-50%)!important}.timeline-content{margin-left:auto;width:calc(100% - 50px)!important}}@media (width<=480px){.header-nav a{font-size:.75rem!important}}