:root{--primary-gradient: linear-gradient(135deg, #d4a055 0%, #f5b942 100%);--secondary-gradient: linear-gradient(135deg, #ffb347 0%, #ff9a00 100%);--accent-gradient: linear-gradient(135deg, #ffd700 0%, #ffed4e 100%);--dark-bg: #0a0a0a;--dark-surface: #141414;--dark-card: rgba(255, 255, 255, .03);--glass-bg: rgba(212, 160, 85, .05);--glass-border: rgba(212, 160, 85, .15);--gold-primary: #d4a055;--gold-light: #f5b942;--gold-bright: #ffd700;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--text-muted: rgba(255, 255, 255, .5);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.6;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 6rem;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-full: 9999px;--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;background:var(--dark-bg);color:var(--text-primary);overflow-x:hidden;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 20%,rgba(212,160,85,.12) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(245,185,66,.08) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(255,215,0,.06) 0%,transparent 50%);animation:backgroundShift 20s ease infinite;z-index:-1}@keyframes backgroundShift{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}#app{width:100%;min-height:100vh}.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:var(--spacing-sm) var(--spacing-md);background:#0a0a0acc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);animation:slideDown .6s ease}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.nav-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:var(--spacing-xs);font-size:1.5rem;font-weight:800;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo img{height:50px;width:auto;filter:drop-shadow(0 0 20px rgba(212,160,85,.6))}.nav-link{color:var(--text-primary);text-decoration:none;font-weight:600;padding:.5rem 1.5rem;border-radius:var(--radius-full);border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-normal)}.nav-link:hover{background:#d4a0551a;border-color:var(--gold-primary);transform:translateY(-2px)}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);text-align:center;position:relative}.hero-content{max-width:900px;animation:fadeInUp .8s ease .2s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.hero-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-full);font-size:.875rem;font-weight:500;margin-bottom:var(--spacing-md);animation:fadeInUp .8s ease .4s both;transition:all var(--transition-normal);color:var(--gold-light)}.hero-badge:hover{background:#d4a0551a;border-color:var(--gold-primary);transform:translateY(-2px)}.hero h1{font-size:clamp(2.5rem,8vw,5rem);font-weight:900;line-height:1.1;margin-bottom:var(--spacing-sm);background:linear-gradient(135deg,#fff,#ffffffb3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeInUp .8s ease .6s both}.gradient-text{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero p{font-size:clamp(1rem,2vw,1.25rem);color:var(--text-secondary);margin-bottom:var(--spacing-lg);max-width:600px;margin-left:auto;margin-right:auto;animation:fadeInUp .8s ease .8s both}.cta-buttons{display:flex;gap:var(--spacing-sm);justify-content:center;flex-wrap:wrap;animation:fadeInUp .8s ease 1s both}.btn{padding:1rem 2.5rem;border-radius:var(--radius-full);font-size:1rem;font-weight:600;border:none;cursor:pointer;transition:all var(--transition-normal);text-decoration:none;display:inline-block;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width var(--transition-slow),height var(--transition-slow)}.btn:hover:before{width:300px;height:300px}.btn-primary{background:var(--primary-gradient);color:#000;font-weight:700;box-shadow:0 10px 40px #d4a05566}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 15px 50px #d4a05599}.btn-secondary{background:var(--glass-bg);color:var(--text-primary);border:2px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:#d4a0551a;transform:translateY(-3px);border-color:var(--gold-primary)}.features{padding:var(--spacing-xl) var(--spacing-md);max-width:1200px;margin:0 auto}.section-header{text-align:center;margin-bottom:var(--spacing-lg)}.section-header h2{font-size:clamp(2rem,5vw,3rem);font-weight:800;margin-bottom:var(--spacing-sm)}.section-header p{font-size:1.125rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-lg)}.feature-card{padding:var(--spacing-md);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all var(--transition-normal);cursor:pointer}.feature-card:hover{transform:translateY(-8px);background:#d4a05514;border-color:var(--gold-primary);box-shadow:0 20px 60px #d4a05533}.feature-icon{width:60px;height:60px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:2rem;margin-bottom:var(--spacing-sm);background:var(--primary-gradient);box-shadow:0 10px 30px #d4a0554d}.feature-card h3{font-size:1.5rem;font-weight:700;margin-bottom:var(--spacing-xs);color:var(--gold-light)}.feature-card p{color:var(--text-secondary);line-height:1.7}.app-showcase{padding:var(--spacing-xl) var(--spacing-md);background:var(--dark-surface);border-top:1px solid var(--glass-border)}.app-container{max-width:1200px;margin:0 auto}.app-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);align-items:center}.app-info-header{display:flex;align-items:flex-start;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.app-icon-img{width:80px;height:80px;border-radius:var(--radius-md);box-shadow:0 10px 30px #d4a0554d}.app-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-full);font-size:.875rem;font-weight:500;margin-bottom:var(--spacing-xs);color:var(--gold-light)}.app-text h2{font-size:clamp(2rem,4vw,2.5rem);font-weight:800;margin-bottom:var(--spacing-sm);background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.app-description{font-size:1.125rem;color:var(--text-secondary);margin-bottom:var(--spacing-md);line-height:1.7}.app-features-list{margin-bottom:var(--spacing-md)}.app-feature-item{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) 0;color:var(--text-secondary)}.feature-check{color:var(--gold-light);font-weight:700;font-size:1.25rem}.store-buttons{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.store-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:.75rem 1.5rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);text-decoration:none;color:var(--text-primary);transition:all var(--transition-normal);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.store-btn:hover{transform:translateY(-3px);background:#d4a0551a;border-color:var(--gold-primary);box-shadow:0 10px 30px #d4a05533}.store-icon{font-size:2rem}.store-text{display:flex;flex-direction:column;align-items:flex-start}.store-label{font-size:.625rem;text-transform:uppercase;color:var(--text-muted)}.store-name{font-size:1rem;font-weight:700;color:var(--text-primary)}.app-visual{display:flex;justify-content:center;align-items:center;position:relative}.app-phone-mockup{position:relative;font-size:15rem;filter:drop-shadow(0 20px 60px rgba(212,160,85,.3));animation:floatPhone 6s ease-in-out infinite}@keyframes floatPhone{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.phone-glow{position:absolute;top:50%;left:50%;width:200%;height:200%;background:radial-gradient(circle,rgba(212,160,85,.2) 0%,transparent 70%);transform:translate(-50%,-50%);animation:pulseGlow 4s ease-in-out infinite;z-index:-1}@keyframes pulseGlow{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.1)}}.screenshots-carousel{width:100%;max-width:500px;overflow:hidden;border-radius:var(--radius-lg);position:relative}.screenshot-track{display:flex;gap:var(--spacing-sm);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:var(--spacing-sm);scrollbar-width:thin;scrollbar-color:var(--gold-primary) var(--dark-surface)}.screenshot-track::-webkit-scrollbar{height:8px}.screenshot-track::-webkit-scrollbar-track{background:var(--dark-surface);border-radius:var(--radius-sm)}.screenshot-track::-webkit-scrollbar-thumb{background:var(--primary-gradient);border-radius:var(--radius-sm)}.screenshot{flex-shrink:0;width:250px;height:auto;border-radius:var(--radius-md);scroll-snap-align:start;box-shadow:0 10px 40px #00000080;transition:transform var(--transition-normal);border:2px solid var(--glass-border)}.screenshot:hover{transform:scale(1.05);border-color:var(--gold-primary)}.footer{padding:var(--spacing-lg) var(--spacing-md);text-align:center;border-top:1px solid var(--glass-border);background:#0a0a0acc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.footer p{color:var(--text-muted);font-size:.875rem}@media(max-width:768px){.nav{padding:var(--spacing-sm)}.logo img{height:40px}.hero{padding:var(--spacing-lg) var(--spacing-sm)}.cta-buttons{flex-direction:column}.btn{width:100%}.features-grid{grid-template-columns:1fr}.app-content{grid-template-columns:1fr;gap:var(--spacing-md)}.app-visual{order:-1}.app-phone-mockup{font-size:10rem}.store-buttons{flex-direction:column}.store-btn{width:100%}.app-info-header{flex-direction:column;align-items:flex-start}.screenshot{width:200px}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.animate-on-scroll{opacity:0;animation:fadeInUp .8s ease forwards}