*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--pride-red: #E40303;--pride-orange: #FF8C00;--pride-yellow: #FFED00;--pride-green: #008026;--pride-blue: #004DFF;--pride-purple: #750787;--bg-cream: #FFF9F5;--bg-warm: #FEF3EC;--text-dark: #1a1118;--text-body: #3d2e3a;--text-muted: #7a6b77;--card-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .5);--rainbow-gradient: linear-gradient(135deg, #E40303, #FF8C00, #FFED00, #008026, #004DFF, #750787);--rainbow-soft: linear-gradient(135deg, #ff6b6b, #ffa36b, #ffd56b, #6bffb8, #6bb5ff, #c56bff);--rainbow-pastel: linear-gradient(135deg, #ffadad, #ffd6a5, #fdffb6, #caffbf, #9bf6ff, #bdb2ff, #ffc6ff)}html{scroll-behavior:smooth}body{font-family:DM Sans,sans-serif;color:var(--text-body);background:var(--bg-cream);overflow-x:hidden;line-height:1.7}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif;color:var(--text-dark)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-cream)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ff6b6b,#ffa36b,#6bffb8,#6bb5ff,#c56bff);border-radius:10px}.bg-orbs{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.3;animation:orbFloat 20s ease-in-out infinite}.orb-1{width:500px;height:500px;background:radial-gradient(circle,#ff6b6b,transparent 70%);top:-10%;left:-5%;animation-delay:0s}.orb-2{width:400px;height:400px;background:radial-gradient(circle,#ffd56b,transparent 70%);top:30%;right:-8%;animation-delay:-5s;animation-duration:25s}.orb-3{width:450px;height:450px;background:radial-gradient(circle,#6bffb8,transparent 70%);bottom:10%;left:20%;animation-delay:-10s;animation-duration:22s}.orb-4{width:350px;height:350px;background:radial-gradient(circle,#6bb5ff,transparent 70%);top:60%;left:-10%;animation-delay:-7s;animation-duration:18s}.orb-5{width:300px;height:300px;background:radial-gradient(circle,#c56bff,transparent 70%);top:10%;right:20%;animation-delay:-12s;animation-duration:28s}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}25%{transform:translate(40px,-30px) scale(1.1)}50%{transform:translate(-20px,40px) scale(.95)}75%{transform:translate(30px,20px) scale(1.05)}}section{position:relative;z-index:1;padding:100px 40px}.section-header{text-align:center;max-width:640px;margin:0 auto 60px}.section-label{display:inline-block;font-family:Outfit,sans-serif;font-weight:600;font-size:13px;letter-spacing:3px;text-transform:uppercase;background:var(--rainbow-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px}.section-title{font-size:clamp(32px,4vw,48px);font-weight:800;line-height:1.15;letter-spacing:-1px;margin-bottom:18px}.section-desc{font-size:17px;color:var(--text-muted);line-height:1.8}.btn-primary{display:inline-flex;align-items:center;gap:10px;padding:16px 36px;background:var(--rainbow-gradient);background-size:200% 200%;color:#fff;border:none;border-radius:60px;font-family:Outfit,sans-serif;font-weight:700;font-size:16px;text-decoration:none;cursor:pointer;box-shadow:0 8px 30px #75078740;transition:all .4s ease;animation:gradientShift 4s ease-in-out infinite}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 40px #75078759}.btn-primary svg{transition:transform .3s}.btn-primary:hover svg{transform:translate(4px)}.btn-secondary{display:inline-flex;align-items:center;gap:10px;padding:16px 36px;background:var(--card-bg);border:2px solid rgba(200,180,200,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-dark);border-radius:60px;font-family:Outfit,sans-serif;font-weight:600;font-size:16px;text-decoration:none;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{border-color:#c864c866;background:#ffffffe6;transform:translateY(-2px)}.reveal{opacity:0;transform:translateY(30px);transition:all .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}html[dir=rtl] .hero-content{text-align:right}html[dir=rtl] .hero-buttons{justify-content:flex-start}html[dir=rtl] .btn-primary:hover svg{transform:translate(-4px)}html[dir=rtl] .faq-question{text-align:right}html[dir=rtl] .lang-dropdown{right:auto;left:0}html[dir=rtl] .footer-col a{text-align:right}@media(max-width:768px){section{padding:70px 20px}}