:root{--nav-height:72px;--bg-mesh-opacity:.6}.landing-page{color:var(--text-primary);background:var(--bg-start);flex-direction:column;min-height:100vh;font-family:Roboto,Google Sans,Cairo,sans-serif;display:flex;position:relative;overflow-x:hidden}.nav{height:var(--nav-height);z-index:1000;background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding:0 40px;display:flex;position:fixed;top:0;left:0;right:0}.nav:before{content:"";background:linear-gradient(90deg,#ea4335 0%,#fbbc04 33%,#34a853 66%,#1a73e8 100%);height:4px;position:absolute;top:0;left:0;right:0}.nav-brand{align-items:center;gap:12px;text-decoration:none;display:flex}.nav-brand span{color:var(--text-primary);letter-spacing:-.01em;font-size:1.2rem;font-weight:700}.nav-actions{align-items:center;gap:16px;display:flex}.hero{text-align:center;z-index:1;flex-direction:column;align-items:center;padding:160px 20px 80px;display:flex;position:relative}.hero-title{color:var(--text-primary);letter-spacing:-.02em;max-width:900px;margin-bottom:24px;font-size:clamp(2.5rem,8vw,4.5rem);font-weight:700;line-height:1.1}.hero-subtitle{color:var(--text-secondary);max-width:650px;margin-bottom:40px;font-size:clamp(1.1rem,3vw,1.4rem);line-height:1.6}.hero-actions{justify-content:center;gap:20px;display:flex}.features{z-index:1;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;max-width:1200px;margin:0 auto;padding:80px 40px;display:grid;position:relative}.feature-card{background:var(--card-bg);border:1px solid var(--card-border);text-align:center;transition:transform .3s var(--transition-bounce), box-shadow .3s;box-shadow:0 4px 20px var(--glass-shadow);border-radius:20px;padding:40px}.feature-card:hover{box-shadow:0 12px 40px var(--glass-shadow);transform:translateY(-8px)}.feature-icon{background:var(--accent-glow);width:64px;height:64px;color:var(--accent);border-radius:16px;justify-content:center;align-items:center;margin:0 auto 24px;display:flex}.feature-card h3{color:var(--text-primary);margin-bottom:16px;font-size:1.5rem}.feature-card p{color:var(--text-secondary);line-height:1.6}.bg-mesh-landing{pointer-events:none;z-index:0;background:linear-gradient(135deg, var(--bg-start) 0%, var(--bg-mid) 50%, var(--bg-end) 100%);position:fixed;inset:0}.bg-orb-landing{filter:blur(80px);opacity:.4;z-index:0;border-radius:50%;animation:10s ease-in-out infinite float;position:fixed}.orb-1{background:radial-gradient(circle, var(--g-blue) 0%, transparent 60%);width:50vw;height:50vw;top:-10vw;left:-10vw}.orb-2{background:radial-gradient(circle, var(--g-red) 0%, transparent 60%);width:40vw;height:40vw;animation-delay:-3s;bottom:-10vw;right:-10vw}.orb-3{background:radial-gradient(circle, var(--g-green) 0%, transparent 60%);width:30vw;height:30vw;animation-delay:-5s;top:40%;left:60%}.login-btn{background:var(--btn-primary);color:#fff;border-radius:50px;padding:10px 24px;font-weight:600;text-decoration:none;transition:transform .2s,filter .2s}.login-btn:hover{filter:brightness(1.1);transform:scale(1.05)}.cta-btn{cursor:pointer;border:none;border-radius:50px;padding:16px 40px;font-size:1.1rem;font-weight:600;transition:all .3s}.cta-primary{background:var(--btn-primary);color:#fff;box-shadow:0 4px 15px var(--btn-shadow)}.cta-secondary{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-primary)}.cta-btn:hover{filter:brightness(1.05);transform:translateY(-2px)}@keyframes float{0%,to{transform:translate(0)scale(1)}50%{transform:translate(20px,-20px)scale(1.05)}}[dir=rtl] .hero-title,[dir=rtl] .hero-subtitle,[dir=rtl] .feature-card h3,[dir=rtl] .feature-card p{font-family:Cairo,sans-serif}@media (max-width:768px){.nav{padding:0 20px}.hero{padding-top:120px}.feature-card{padding:30px 20px}}