:root{--primary:#0f172a;--secondary:#1e293b;--accent:#0ea5e9;--accent2:#8b5cf6;--text:#f1f5f9;--text-secondary:#94a3b8;--glass:#1e293bb3;--glass-border:#94a3b833;--neon-glow:0 0 20px #0ea5e94d;--shadow:0 10px 30px #0000004d}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text);background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);min-height:100vh;font-family:Inter,sans-serif;line-height:1.7;overflow-x:hidden}h1,h2,h3,h4{font-family:Poppins,sans-serif;font-weight:700}.hero{background:linear-gradient(135deg, var(--primary) 0%, #2d3748 100%);text-align:center;border-bottom:1px solid #94a3b81a;padding:4rem 1.5rem 3.5rem;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(circle at 20% 30%,#0ea5e91f 0%,#0000 50%),radial-gradient(circle at 80% 70%,#8b5cf61f 0%,#0000 50%);position:absolute;inset:0}.hero-content{z-index:2;max-width:850px;margin:0 auto;position:relative}.hero-logo{background:linear-gradient(135deg, var(--accent), var(--accent2));color:#fff;border-radius:24px;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.5rem;font-size:38px;animation:3s ease-in-out infinite pulse;display:flex;box-shadow:0 10px 30px #0ea5e966}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.hero h1{background:linear-gradient(135deg, var(--text), var(--accent));color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2.8rem}.hero-tagline{color:var(--text-secondary);margin-bottom:1.5rem;font-size:1.15rem;font-weight:300}.hero-badge{background:linear-gradient(135deg, var(--accent), var(--accent2));color:#fff;box-shadow:var(--neon-glow);border-radius:50px;align-items:center;gap:8px;padding:.6rem 1.5rem;font-size:.9rem;font-weight:600;display:inline-flex}.container{max-width:1000px;margin:0 auto;padding:0 1.5rem}.main-content{flex-direction:column;gap:1.8rem;padding:2.5rem 0;display:flex}.section-card{background:var(--glass);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:var(--shadow);border:1px solid var(--glass-border);border-radius:18px;padding:2rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.section-card:hover{border-color:#0ea5e94d;transform:translateY(-6px);box-shadow:0 20px 40px #0006,0 0 30px #0ea5e926}.section-card:before{content:"";background:linear-gradient(90deg, var(--accent), var(--accent2));width:100%;height:4px;position:absolute;top:0;left:0}.section-card h2{align-items:center;gap:10px;margin-bottom:1.2rem;font-size:1.6rem;display:flex}.section-card h2 i{color:var(--accent);font-size:1.5rem}.section-card p{color:var(--text-secondary);margin-bottom:1rem}.section-card strong{color:var(--accent);font-weight:600}.section-card ul{margin-top:1rem;list-style:none}.section-card ul li{color:var(--text-secondary);border-bottom:1px solid #94a3b81a;align-items:flex-start;gap:12px;padding:.6rem 0;display:flex}.section-card ul li:last-child{border-bottom:none}.section-card ul li i{color:var(--accent);flex-shrink:0;margin-top:3px;font-size:1rem}.tech-highlight{background:linear-gradient(135deg,#0ea5e91a,#8b5cf61a);border:1px solid #0ea5e933;border-radius:12px;margin:1.2rem 0;padding:1.2rem;position:relative;overflow:hidden}.tech-highlight:before{content:"";background:linear-gradient(to bottom, var(--accent), var(--accent2));width:4px;height:100%;position:absolute;top:0;left:0}.tech-highlight h3{color:var(--accent);align-items:center;gap:8px;margin-bottom:.8rem;font-size:1.1rem;display:flex}.tech-tags{flex-wrap:wrap;gap:8px;margin-top:1rem;display:flex}.tech-tag{color:var(--accent);background:#0ea5e926;border:1px solid #0ea5e933;border-radius:50px;padding:.4rem .9rem;font-size:.8rem;font-weight:500;transition:all .3s}.tech-tag:hover{background:#0ea5e940;transform:translateY(-2px)}.tech-tag.pwa{color:#a78bfa;background:#6200ee26;border-color:#6200ee33}.tech-tag.gas{color:#34d399;background:#0f9d5826;border-color:#0f9d5833}.tech-tag.db{color:#fbbf24;background:#fbbc0526;border-color:#fbbc0533}.tech-tag.pay{color:#f59e0b;background:#f59e0b26;border-color:#f59e0b33}.creator-card{background:linear-gradient(135deg,#0ea5e91a,#8b5cf61a);border:1px solid #0ea5e933;border-radius:16px;align-items:center;gap:2rem;margin-top:1rem;padding:2rem;display:flex}.creator-avatar{background:linear-gradient(135deg, var(--accent), var(--accent2));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:100px;height:100px;font-size:2.5rem;display:flex;box-shadow:0 8px 25px #0ea5e94d}.creator-info{flex:1}.creator-name{color:var(--text);margin-bottom:.3rem;font-size:1.5rem}.creator-title{color:var(--accent);margin-bottom:.8rem;font-size:.95rem;font-weight:500}.contact-section{text-align:center;padding:2rem!important}.contact-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:1.5rem;display:flex}.btn{cursor:pointer;border:none;border-radius:50px;align-items:center;gap:8px;padding:.9rem 1.8rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn:hover:before{left:100%}.btn:hover{transform:translateY(-3px);box-shadow:0 10px 25px #0003}.btn-whatsapp{color:#fff;background:linear-gradient(135deg,#25d366,#128c7e)}.btn-email{background:linear-gradient(135deg, var(--accent), var(--accent2));color:#fff}.btn-project{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706)}.btn-terms{color:var(--text-secondary);border:1px solid var(--glass-border);background:0 0}.share-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:1.5rem;display:flex}.share-btn{cursor:pointer;color:#fff;border:none;border-radius:50px;align-items:center;gap:8px;padding:.7rem 1.5rem;font-size:.85rem;font-weight:600;transition:all .3s;display:inline-flex}.share-btn:hover{transform:translateY(-2px)}.share-whatsapp{background:linear-gradient(135deg,#25d366,#128c7e)}.share-facebook{background:linear-gradient(135deg,#1877f2,#0d65d9)}.share-copy{background:linear-gradient(135deg,#6b7280,#4b5563)}.flow-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:1.5rem 0;display:grid}.flow-step{border:1px solid var(--glass-border);text-align:center;background:#0003;border-radius:12px;padding:1.2rem;position:relative}.flow-step .step-num{background:linear-gradient(135deg, var(--accent), var(--accent2));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin:0 auto .8rem;font-size:.95rem;font-weight:800;display:flex}.flow-step h4{color:var(--text);margin-bottom:.4rem;font-size:.95rem}.flow-step p{color:var(--text-secondary);margin:0;font-size:.8rem}footer{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172ae6;border-top:1px solid #94a3b81a;margin-top:3rem;padding:2rem 1rem}footer h3{margin-bottom:.5rem;font-size:1.2rem}footer p{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.9rem}.footer-links{flex-wrap:wrap;justify-content:center;gap:1.5rem;margin:1.5rem 0;display:flex}.footer-links a{color:var(--text-secondary);align-items:center;gap:6px;font-size:.9rem;text-decoration:none;transition:all .3s;display:flex}.footer-links a:hover{color:var(--accent);transform:translateY(-2px)}.copyright{color:var(--text-secondary);opacity:.7;margin-top:1.5rem;font-size:.85rem}.particles{pointer-events:none;z-index:-1;position:fixed;inset:0}.particle-bg{background:radial-gradient(circle, var(--accent), transparent);opacity:.08;border-radius:50%;animation:20s linear infinite float;position:absolute}@keyframes float{0%{transform:translateY(0)translate(0)}50%{transform:translateY(-50px)translate(30px)}to{transform:translateY(0)translate(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.hero h1{font-size:2rem}.hero-tagline{font-size:1rem}.section-card{padding:1.5rem}.contact-buttons,.share-buttons{flex-direction:column;align-items:center}.btn,.share-btn{justify-content:center;width:100%;max-width:280px}.footer-links{flex-direction:column;gap:1rem}.creator-card{text-align:center;flex-direction:column;gap:1.5rem}.main-content{gap:1.5rem}.container{padding:0 1rem}}@media (max-width:480px){.hero{padding:2.5rem 1rem 2rem}.hero h1{font-size:1.7rem}.section-card{padding:1.2rem}.section-card h2{font-size:1.3rem}}