*{box-sizing:border-box;padding:0;margin:0}body,html{background-color:#0a0a0f}body,html{max-width:100vw;overflow-x:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{color:#fff;background:linear-gradient(135deg,#0a0a0f,#1a1a2e 50%,#16213e);min-height:100vh;position:relative;padding-top:60px}.app-store-banner{position:fixed;top:0;left:0;right:0;background:linear-gradient(135deg,#007aff,#0051d5);color:#fff;padding:12px 0;text-align:center;box-shadow:0 2px 10px rgba(0,0,0,.3);z-index:1000;border-bottom:1px solid hsla(0,0%,100%,.1)}.banner-content{display:flex;align-items:center;justify-content:center;gap:8px;max-width:1200px;margin:0 auto;padding:0 1rem}.apple-icon{font-size:18px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.banner-text{font-size:14px;font-weight:600;letter-spacing:.3px;text-shadow:0 1px 2px rgba(0,0,0,.3)}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 80%,rgba(0,212,170,.1) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,183,0,.1) 0,transparent 50%),radial-gradient(circle at 40% 40%,rgba(22,33,62,.3) 0,transparent 50%);animation:float 20s ease-in-out infinite;pointer-events:none;z-index:-1}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-20px) rotate(1deg)}66%{transform:translateY(10px) rotate(-1deg)}}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%,to{box-shadow:0 0 20px rgba(0,212,170,.3)}50%{box-shadow:0 0 40px rgba(0,212,170,.5),0 0 60px rgba(0,212,170,.2)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:calc(100vh - 60px);padding:7rem 2rem 4rem;text-align:center;position:relative;z-index:1}.logo-container{margin-bottom:2rem;animation:logoFloat 3s ease-in-out infinite}.logo{width:160px;height:160px;border-radius:32px;animation:glow 4s ease-in-out infinite;transition:transform .3s ease}.logo:hover{transform:scale(1.05)}.app-name{font-size:3rem;font-weight:700;margin-bottom:1.5rem;background:linear-gradient(135deg,#00d4aa,#ffb700);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:2px;animation:fadeInUp 1s ease-out .4s both;text-shadow:none}.subtitle{font-size:1.1rem;color:#b8b8b8;margin-bottom:2rem;font-weight:400;letter-spacing:.5px;animation:fadeInUp 1s ease-out .5s both}.title{font-size:3.5rem;font-weight:800;background:linear-gradient(135deg,#00d4aa,#ffb700);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:2px;animation:fadeInUp 1s ease-out .8s both}.signup-container{margin-top:3rem;animation:fadeInUp 1s ease-out 1s both;display:flex;flex-direction:column;align-items:center;width:100%;padding:0 1rem;box-sizing:border-box}.signup-button{background:linear-gradient(135deg,#00d4aa,#ffb700);color:#fff;border:none;padding:1rem 2rem;font-size:1.1rem;font-weight:600;border-radius:12px;cursor:pointer;transition:all .3s ease;letter-spacing:.5px;box-shadow:0 4px 15px rgba(0,212,170,.3)}.signup-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,212,170,.4)}.signup-button:active{transform:translateY(0)}.signup-form{background:rgba(22,33,62,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,212,170,.2);border-radius:16px;padding:2rem;margin-top:2rem;max-width:500px;width:100%;box-shadow:0 8px 32px rgba(0,0,0,.3);box-sizing:border-box;overflow:hidden;position:relative}.close-button{position:absolute;top:1rem;right:1rem;background:none;border:none;color:#b8b8b8;font-size:1.5rem;font-weight:700;cursor:pointer;padding:.25rem;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease;line-height:1}.close-button:hover{background:hsla(0,100%,71%,.1);color:#ff6b6b;transform:scale(1.1)}.close-button:active{transform:scale(.95)}.form-title{color:#fff;font-size:1.5rem;font-weight:700;text-align:center;margin-bottom:1.5rem;background:linear-gradient(135deg,#00d4aa,#ffb700);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;padding-right:2rem}.form-row{display:flex;gap:1rem;margin-bottom:1rem}.form-input,.form-select{background:rgba(26,26,46,.8);border:1px solid hsla(0,0%,72%,.3);border-radius:8px;padding:.75rem 1rem;color:#fff;font-size:1rem;transition:all .3s ease;flex:1 1;min-width:0;box-sizing:border-box}.form-input:focus,.form-select:focus{outline:none;border-color:#00d4aa;box-shadow:0 0 0 2px rgba(0,212,170,.2)}.form-input::placeholder{color:#6b7280}.full-width{width:100%;margin-bottom:1rem}.form-select{margin-bottom:1.5rem;cursor:pointer}.form-select option{background:#1a1a2e;color:#fff}.submit-button{width:100%;background:linear-gradient(135deg,#00d4aa,#ffb700);color:#fff;border:none;padding:1rem;font-size:1.1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;letter-spacing:.5px}.submit-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 15px rgba(0,212,170,.4)}.submit-button:disabled{opacity:.7;cursor:not-allowed}.form-message{margin-top:1rem;padding:.75rem;border-radius:8px;text-align:center;font-weight:500}.form-message.success{background:rgba(0,212,170,.1);border:1px solid rgba(0,212,170,.3);color:#00d4aa}.form-message.error{background:hsla(0,100%,71%,.1);border:1px solid hsla(0,100%,71%,.3);color:#ff6b6b}.signup-success{background:rgba(22,33,62,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,212,170,.2);border-radius:16px;padding:2rem;margin-top:2rem;max-width:500px;width:100%;text-align:center;box-shadow:0 8px 32px rgba(0,0,0,.3)}.success-icon{font-size:3rem;margin-bottom:1rem}.success-message{color:#00d4aa;font-size:1.1rem;font-weight:500;line-height:1.6;margin-bottom:1.5rem}@media (max-width:768px){body{padding-top:55px}.app-store-banner{padding:10px 0}.banner-text{font-size:13px}.apple-icon{font-size:16px}.logo{width:130px;height:130px}.app-name{margin-bottom:1rem}.app-name,.title{font-size:2.5rem}.subtitle{font-size:1rem}.container{padding:4rem 1rem 3rem;min-height:calc(100vh - 55px)}.signup-container{margin-top:2rem;padding:0 .5rem}.signup-button{width:100%;max-width:320px;padding:1rem 1.5rem}.signup-form{padding:1.5rem;margin:1.5rem 0;max-width:calc(100vw - 1rem);width:100%}.form-title{font-size:1.3rem;padding-right:2.5rem}.form-row{flex-direction:column;gap:.75rem}.form-input,.form-select{width:100%;font-size:16px;padding:.875rem;box-sizing:border-box}.close-button{top:.75rem;right:.75rem;width:1.75rem;height:1.75rem;font-size:1.25rem}}@media (max-width:480px){body{padding-top:50px}.app-store-banner{padding:8px 0}.banner-text{font-size:12px;letter-spacing:.2px}.apple-icon{font-size:15px}.banner-content{gap:6px;padding:0 .5rem}.logo{width:110px;height:110px}.app-name{margin-bottom:.75rem;letter-spacing:1px}.app-name,.title{font-size:2rem}.subtitle{font-size:.9rem}.container{padding:3.5rem .5rem 3rem;min-height:calc(100vh - 50px)}.signup-container{margin-top:1.5rem;padding:0 .25rem}.signup-button{padding:.875rem 1.5rem;font-size:1rem;width:100%;max-width:280px}.signup-form{padding:1.25rem;margin:1rem 0;max-width:calc(100vw - .5rem)}.form-title{font-size:1.2rem}.form-input,.form-select{padding:.8rem;font-size:16px}}.legal-container{padding:4rem 1.5rem;max-width:900px;margin:0 auto;text-align:left}.logo-small{width:100px;height:100px;border-radius:20px;margin-bottom:1.5rem;animation:glow 4s ease-in-out infinite;transition:transform .3s ease}.legal-title{font-size:2.5rem;font-weight:700;margin-bottom:2rem;background:linear-gradient(135deg,#00d4aa,#ffb700);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:1px;text-align:center}.legal-content{background:rgba(22,33,62,.7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,212,170,.2);border-radius:16px;padding:2rem;margin:1rem 0 2rem;box-shadow:0 8px 32px rgba(0,0,0,.3)}.legal-section{margin-bottom:2.5rem}.legal-section:last-child{margin-bottom:0}.legal-section h2{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:#00d4aa}.legal-section h3{font-size:1.2rem;font-weight:600;margin:1.5rem 0 .75rem;color:#ffb700}.legal-section p{margin-bottom:1rem;line-height:1.6;color:#e0e0e0}.legal-list{list-style-type:disc;padding-left:2rem;margin:1rem 0 1.5rem}.legal-list li{margin-bottom:.75rem;line-height:1.5;color:#e0e0e0}.disclaimer-text{background:rgba(255,183,0,.1);border-left:4px solid #ffb700;padding:1rem;margin:1rem 0;border-radius:0 8px 8px 0}.contact-info{background:rgba(0,212,170,.1);border:1px solid rgba(0,212,170,.3);border-radius:8px;padding:1rem;margin:1rem 0;color:#00d4aa}.legal-footer{display:flex;justify-content:space-between;margin-top:2rem}.back-link,.privacy-link,.terms-link{display:inline-block;background:linear-gradient(135deg,#00d4aa,#ffb700);color:#fff;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 15px rgba(0,212,170,.3)}.back-link:hover,.privacy-link:hover,.terms-link:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,212,170,.4)}@media (max-width:768px){.legal-container{padding:3rem 1rem}.legal-title{font-size:2rem}.legal-content{padding:1.5rem}.legal-section h2{font-size:1.3rem}.legal-section h3{font-size:1.1rem}.legal-footer{flex-direction:column;gap:1rem;align-items:center}.back-link,.privacy-link,.terms-link{width:100%;text-align:center}}@media (max-width:480px){.legal-container{padding:2.5rem .5rem 2rem}.legal-title{font-size:1.8rem}.legal-content{padding:1.25rem;border-radius:12px}.legal-section h2{font-size:1.2rem}.legal-section h3{font-size:1rem}.legal-list{padding-left:1.5rem}}