*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:#1a1a2e;line-height:1.6}
.container{max-width:1100px;margin:0 auto;padding:0 20px}
h1{font-size:2.5rem;margin-bottom:1rem}
h2{font-size:2rem;text-align:center;margin-bottom:2rem}
p{font-size:1.1rem;color:#555}
/* Hero */
.hero{background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);color:#fff;padding:100px 0;text-align:center}
.hero h1{font-size:3rem;max-width:800px;margin:0 auto 1rem}
.hero .subtitle{font-size:1.2rem;color:#ccc;max-width:600px;margin:0 auto 2rem}
.cta-buttons{display:flex;gap:1rem;justify-content:center;margin-bottom:1rem}
.btn{display:inline-block;padding:12px 32px;border-radius:8px;text-decoration:none;font-weight:600;font-size:1rem;cursor:pointer;border:none;transition:all 0.2s}
.btn-primary{background:#00d2ff;color:#1a1a2e}
.btn-primary:hover{background:#00b8e6}
.btn-secondary{background:rgba(255,255,255,0.15);color:#fff;border:2px solid rgba(255,255,255,0.3)}
.btn-secondary:hover{background:rgba(255,255,255,0.25)}
.btn-outline{background:transparent;border:2px solid #00d2ff;color:#00d2ff}
.btn-outline:hover{background:#00d2ff;color:#1a1a2e}
.trial-note{font-size:0.9rem;color:#999}
/* Features */
.features{padding:80px 0;background:#f8f9fa}
.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2rem}
.feature-card{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,0.08);text-align:center}
.feature-card h3{margin-bottom:0.75rem;font-size:1.2rem}
/* Pricing */
.pricing-preview{padding:80px 0}
.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;align-items:start}
.price-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:2rem;text-align:center;position:relative}
.price-card.featured{border-color:#00d2ff;transform:scale(1.05)}
.price-card .badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:#00d2ff;color:#1a1a2e;padding:4px 16px;border-radius:20px;font-size:0.85rem;font-weight:700}
.price-card h3{font-size:1.5rem;margin-bottom:0.5rem}
.price{font-size:2.5rem;font-weight:700;color:#1a1a2e;margin:1rem 0}
.price span{font-size:1rem;font-weight:400;color:#777}
.price-card ul{list-style:none;padding:0;margin:1.5rem 0;text-align:left}
.price-card ul li{padding:0.5rem 0;border-bottom:1px solid #eee;font-size:0.95rem}
.price-card ul li:before{content:"✓ ";color:#00d2ff;font-weight:700}
.price-card .btn{width:100%;margin-top:1rem}
/* Register */
.register-page{background:#f0f2f5;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}
.register-container{background:#fff;border-radius:16px;box-shadow:0 4px 30px rgba(0,0,0,0.1);padding:3rem;max-width:500px;width:100%}
.register-container h1{font-size:1.8rem;text-align:center}
.register-container p{text-align:center;margin-bottom:1.5rem}
.form-group{margin-bottom:1.25rem}
.form-group label{display:block;font-weight:600;margin-bottom:0.4rem;font-size:0.95rem}
.form-group input,.form-group select{width:100%;padding:10px 14px;border:2px solid #ddd;border-radius:8px;font-size:1rem;transition:border-color 0.2s}
.form-group input:focus,.form-group select:focus{outline:none;border-color:#00d2ff}
.subdomain-input{display:flex;align-items:center}
.subdomain-input input{flex:1;border-top-right-radius:0;border-bottom-right-radius:0}
.subdomain-input .domain-suffix{background:#f0f2f5;padding:10px 14px;border:2px solid #ddd;border-left:none;border-radius:0 8px 8px 0;color:#666;font-size:0.9rem;white-space:nowrap}
.form-group small{display:block;color:#888;font-size:0.8rem;margin-top:4px}
.error-message{background:#fff0f0;color:#d32f2f;border:1px solid #ffcdd2;border-radius:8px;padding:12px;margin-top:1rem;text-align:center}
.login-link{text-align:center;margin-top:1.5rem;font-size:0.95rem}
.login-link a{color:#00d2ff;text-decoration:none;font-weight:600}
.login-link a:hover{text-decoration:underline}
footer{background:#1a1a2e;color:#ccc;text-align:center;padding:2rem 0;font-size:0.9rem}