@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700&display=swap";:root{--primary: #28a745;--primary-glow: rgba(40, 167, 69, .3);--secondary: #212121;--accent: #ffc107;--background: #ffffff;--text: #1a1a1a;--text-muted: #666666;--card-bg: #f9f9f9;--border: #eeeeee}[data-theme=dark]{--background: #0f0f0f;--text: #ffffff;--text-muted: #aaaaaa;--card-bg: #1a1a1a;--border: #2a2a2a}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Outfit,sans-serif;background-color:var(--background);color:var(--text);line-height:1.6;overflow-x:hidden;transition:background-color .3s ease}a{text-decoration:none;color:inherit;transition:all .2s ease}.container{max-width:1200px;margin:0 auto;padding:0 20px}.navbar{height:80px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.logo{font-size:24px;font-weight:700;color:var(--primary);display:flex;align-items:center;gap:8px}.nav-links{display:flex;gap:32px}.nav-link:hover{color:var(--primary)}.hero{padding:60px 0 80px;text-align:center;display:flex;flex-direction:column;align-items:center}.hero h1{font-size:64px;line-height:1.1;margin-bottom:16px;background:linear-gradient(135deg,var(--text) 0%,var(--primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero p{font-size:20px;color:var(--text-muted);max-width:600px;margin-bottom:40px}.btn{padding:16px 32px;border-radius:50px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;display:inline-flex;align-items:center;gap:8px}.btn-primary{background-color:var(--primary);color:#fff;box-shadow:0 10px 20px var(--primary-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 15px 30px var(--primary-glow)}.screenshots{padding:80px 0;background-color:var(--card-bg)}.screenshots h2{text-align:center;margin-bottom:48px;font-size:32px}.screenshot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:32px;padding:40px 0}.screenshot-item{border-radius:40px;overflow:hidden;box-shadow:0 20px 40px #00000026;background:#000;border:8px solid #000;aspect-ratio:9/19;transition:transform .3s ease}.screenshot-item:hover{transform:translateY(-10px)}.screenshot-item img{width:100%;height:100%;object-fit:cover}.footer{padding:80px 0 40px;border-top:1px solid var(--border)}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;margin-bottom:40px}.footer-logo{font-weight:700;font-size:24px;color:var(--primary);margin-bottom:16px}.footer-links h4{margin-bottom:20px;font-size:18px}.footer-links ul{list-style:none}.footer-links li{margin-bottom:12px;color:var(--text-muted)}.footer-bottom{text-align:center;padding-top:20px;border-top:1px solid var(--border);color:var(--text-muted);font-size:14px}.page-content{padding:60px 0 100px}.page-content h1{margin-bottom:24px;font-size:40px}.page-content h2{margin:32px 0 16px}.page-content p{margin-bottom:16px;color:var(--text-muted)}@media(max-width:768px){.hero h1{font-size:40px}.footer-content{grid-template-columns:1fr}}