.hero{padding:5rem 0 3rem;background:linear-gradient(180deg,#4f46e50d,#4f46e500);text-align:center}.hero h1{font-size:3rem;margin-bottom:1.5rem;background:linear-gradient(90deg,var(--color-primary),#818cf8);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block}.hero .lead{font-size:1.25rem;color:var(--color-text-light);max-width:800px;margin:0 auto 2rem}.cta-buttons{display:flex;justify-content:center;gap:1rem;margin-top:2rem}.features{padding:5rem 0}.features h2{text-align:center;margin-bottom:3rem}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.feature-card{background-color:var(--color-background);border-radius:var(--border-radius);padding:2rem;box-shadow:0 4px 6px #0000000d;transition:transform var(--transition-speed) ease,box-shadow var(--transition-speed) ease;border:1px solid var(--color-border)}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 15px #0000001a}.feature-card h3{color:var(--color-primary);margin-bottom:1rem}.feature-card p{color:var(--color-text-light);margin-bottom:0}.pricing{padding:5rem 0;background-color:var(--color-background-alt)}.pricing h2{text-align:center;margin-bottom:3rem}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.pricing-card{background-color:var(--color-background);border-radius:var(--border-radius);padding:2rem;box-shadow:0 4px 6px #0000000d;border:1px solid var(--color-border);text-align:center;transition:transform var(--transition-speed) ease,box-shadow var(--transition-speed) ease}.pricing-card:hover{transform:translateY(-5px);box-shadow:0 10px 15px #0000001a}.pricing-card.highlighted{border-color:var(--color-primary);position:relative;transform:scale(1.05)}.pricing-card.highlighted:hover{transform:translateY(-5px) scale(1.05)}.pricing-card h3{font-size:1.5rem;margin-bottom:.5rem}.price{font-size:2rem;font-weight:700;color:var(--color-primary);margin-bottom:1.5rem}.pricing-card ul{text-align:left;margin-bottom:2rem}.pricing-card li{margin-bottom:.5rem;color:var(--color-text-light)}.pricing-card .btn{width:100%}@media (max-width: 992px){.feature-grid,.pricing-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.hero h1{font-size:2.5rem}.hero .lead{font-size:1.125rem}.cta-buttons{flex-direction:column;align-items:center}.cta-buttons .btn{width:100%;max-width:300px}}@media (max-width: 576px){.feature-grid,.pricing-grid{grid-template-columns:1fr}.pricing-card.highlighted{transform:none}.pricing-card.highlighted:hover{transform:translateY(-5px)}}.signup-page{padding:5rem 0;background:linear-gradient(180deg,#4f46e50d,#4f46e500);min-height:calc(100vh - var(--header-height))}.signup-card{background-color:var(--color-background);border-radius:var(--border-radius);box-shadow:0 10px 15px #0000001a;padding:2.5rem;max-width:800px;margin:0 auto;border:1px solid var(--color-border)}.signup-card h1{text-align:center;margin-bottom:.5rem}.selected-plan{text-align:center;margin-bottom:2rem;color:var(--color-text-light)}.selected-plan strong{color:var(--color-primary)}.form-section{margin-bottom:2rem}.form-section h2{font-size:1.25rem;padding-bottom:.5rem;border-bottom:1px solid var(--color-border);margin-bottom:1.5rem}.domain-input-group{display:flex;align-items:center}.domain-input-group input{border-top-right-radius:0;border-bottom-right-radius:0}.domain-suffix{background-color:var(--color-background-alt);padding:.625rem;border:1px solid var(--color-border);border-left:none;border-top-right-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);color:var(--color-text-light)}.domain-checking,.domain-available,.domain-unavailable{font-size:.875rem;margin-top:.5rem}.domain-checking{color:var(--color-text-light);font-style:italic}.domain-available{color:#16a34a}.domain-unavailable{color:var(--color-error)}@media (max-width: 768px){.signup-card{padding:1.5rem}}.header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background-color:var(--color-background);border-bottom:1px solid var(--color-border);z-index:100}.header-content{display:flex;justify-content:space-between;align-items:center;height:100%}.logo{display:flex;align-items:center;font-size:1.5rem;font-weight:700;color:var(--color-text);text-decoration:none}.logo-text{background:linear-gradient(90deg,var(--color-primary),#818cf8);-webkit-background-clip:text;background-clip:text;color:transparent}.main-nav{display:flex;align-items:center}.nav-list{display:flex;list-style:none;margin:0;padding:0}.nav-item{margin:0 1rem}.nav-link{color:var(--color-text);text-decoration:none;font-weight:500;transition:color var(--transition-speed) ease}.nav-link:hover{color:var(--color-primary)}.header-actions{display:flex;align-items:center;gap:1rem}.mobile-menu-toggle{display:none;background:none;border:none;cursor:pointer;width:24px;height:24px;position:relative}.hamburger{display:block;position:relative}.hamburger:before,.hamburger:after,.hamburger{width:24px;height:2px;background-color:var(--color-text);transition:all var(--transition-speed) ease}.hamburger:before,.hamburger:after{content:"";position:absolute;left:0}.hamburger:before{top:-8px}.hamburger:after{bottom:-8px}.hamburger.open{background-color:transparent}.hamburger.open:before{top:0;transform:rotate(45deg)}.hamburger.open:after{bottom:0;transform:rotate(-45deg)}@media (max-width: 768px){.mobile-menu-toggle{display:block;order:3}.main-nav{position:fixed;top:var(--header-height);left:0;right:0;background-color:var(--color-background);height:0;overflow:hidden;transition:height var(--transition-speed) ease;border-bottom:1px solid var(--color-border)}.main-nav.open{height:auto;padding:1rem 0}.nav-list{flex-direction:column;align-items:center}.nav-item{margin:.5rem 0}.header-actions{order:2;margin-right:1rem}.logo{order:1;flex:1}.header-content{justify-content:flex-start}}.footer{background-color:var(--color-background-alt);border-top:1px solid var(--color-border);padding:3rem 0 1.5rem}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2rem;margin-bottom:2rem}.footer-title{font-size:1.25rem;margin-bottom:1rem;color:var(--color-text)}.footer-description{color:var(--color-text-light);margin-bottom:1.5rem}.social-links{display:flex;gap:1rem}.social-link{color:var(--color-text-light);text-decoration:none;transition:color var(--transition-speed) ease}.social-link:hover{color:var(--color-primary)}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:.5rem}.footer-links a{color:var(--color-text-light);text-decoration:none;transition:color var(--transition-speed) ease}.footer-links a:hover{color:var(--color-primary)}.footer-bottom{text-align:center;padding-top:1.5rem;border-top:1px solid var(--color-border)}.copyright{color:var(--color-text-light);font-size:.875rem}@media (max-width: 992px){.footer-content{grid-template-columns:1fr 1fr;gap:2rem}}@media (max-width: 576px){.footer-content{grid-template-columns:1fr;gap:2rem}}.main-content{flex:1;padding-top:var(--header-height)}:root{--color-primary: #4f46e5;--color-primary-hover: #4338ca;--color-secondary: #6b7280;--color-secondary-hover: #4b5563;--color-text: #1f2937;--color-text-light: #6b7280;--color-background: #ffffff;--color-background-alt: #f9fafb;--color-border: #e5e7eb;--color-error: #ef4444;--border-radius: 6px;--transition-speed: .2s;--container-max-width: 1200px;--header-height: 70px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--color-text);line-height:1.5;background-color:var(--color-background)}.app{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1}.container{width:100%;max-width:var(--container-max-width);margin:0 auto;padding:0 1.5rem}h1,h2,h3,h4,h5,h6{margin-bottom:1rem;line-height:1.2;font-weight:600}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}p{margin-bottom:1rem}ul,ol{margin-bottom:1rem;padding-left:1.5rem}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-speed) ease}a:hover{color:var(--color-primary-hover)}.btn{display:inline-block;padding:.625rem 1.25rem;border-radius:var(--border-radius);font-weight:500;font-size:1rem;line-height:1.5;text-align:center;cursor:pointer;transition:all var(--transition-speed) ease;border:none}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover,.btn-primary:focus{background-color:var(--color-primary-hover);color:#fff}.btn-secondary{background-color:var(--color-secondary);color:#fff}.btn-secondary:hover,.btn-secondary:focus{background-color:var(--color-secondary-hover);color:#fff}.btn-outline{background-color:transparent;border:1px solid var(--color-primary);color:var(--color-primary)}.btn-outline:hover,.btn-outline:focus{background-color:var(--color-primary);color:#fff}.btn-text{background-color:transparent;color:var(--color-primary);padding:.625rem 0}.btn-text:hover,.btn-text:focus{color:var(--color-primary-hover);background-color:transparent}.btn:disabled{opacity:.65;cursor:not-allowed}.error-message{color:var(--color-error);font-size:.875rem;margin-top:.25rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500}.form-group input[type=text],.form-group input[type=email],.form-group input[type=password],.form-group input[type=number],.form-group textarea,.form-group select{width:100%;padding:.625rem;border:1px solid var(--color-border);border-radius:var(--border-radius);font-size:1rem;transition:border-color var(--transition-speed) ease}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--color-primary)}.form-group input.error,.form-group textarea.error,.form-group select.error{border-color:var(--color-error)}.form-row{display:flex;gap:1rem}.form-row .form-group{flex:1}.checkbox-group{display:flex;align-items:flex-start;gap:.5rem}.checkbox-group input[type=checkbox]{margin-top:.25rem}.help-text{color:var(--color-text-light);font-size:.875rem;margin-top:.25rem}@media (max-width: 768px){h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}.form-row{flex-direction:column;gap:0}}