@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&family=Nunito:wght@400;600;700&display=swap";
:root{--prism-navy:#0a0a0f;--prism-deep:#1a1a2e;--prism-gold:#d4af37;--prism-platinum:#e5e4e2;--prism-text:#f0f0f0;--prism-text-muted:#a0aab8}.signup-page{background:linear-gradient(135deg,#0a0a0f 0%,#1a1a2e 50%,#0f0f1a 100%);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative;overflow:hidden}.signup-canvas{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.signup-overlay{z-index:2;background:radial-gradient(#0000 0%,#0a0a0f 70%);width:100%;height:100%;position:absolute;top:0;left:0}.signup-container{z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;max-width:700px;margin:0 auto;padding:3rem 2rem;animation:.6s ease-out fadeInUp;position:relative;box-shadow:0 20px 60px #0000004d}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.signup-title{text-align:center;letter-spacing:.03em;background:linear-gradient(135deg, var(--prism-platinum) 0%, var(--prism-gold) 50%, var(--prism-platinum) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-family:Montserrat,sans-serif;font-size:1.4rem;font-weight:400}.signup-neural-wrapper{flex-direction:column;align-items:center;margin-bottom:2rem;padding:1rem 0;display:flex}.neural-nodes{justify-content:center;gap:1.5rem;margin-bottom:.75rem;display:flex}.neural-node{background:var(--prism-gold);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite nodePulse;box-shadow:0 0 10px #d4af3780}.node-1{animation-delay:0s}.node-2{animation-delay:.2s}.node-3{animation-delay:.4s}.node-4{animation-delay:.6s}.node-5{animation-delay:.8s}@keyframes nodePulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.4);box-shadow:0 0 20px #d4af37cc}}.neural-line{background:linear-gradient(90deg, transparent 0%, #d4af374d 20%, var(--prism-gold) 50%, #d4af374d 80%, transparent 100%);width:180px;height:2px;position:relative;overflow:hidden}.neural-line:after{content:"";background:linear-gradient(90deg,#0000,#fff9,#0000);width:50%;height:100%;animation:2s ease-in-out infinite lineShimmer;position:absolute;top:0;left:-100%}@keyframes lineShimmer{0%{left:-100%}to{left:200%}}.form-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:1.5rem;display:grid}@media (max-width:768px){.form-grid{grid-template-columns:1fr}}.form-group{margin-bottom:0;position:relative}.form-label{margin-bottom:.5rem;font-family:Nunito,sans-serif;font-size:.9rem;font-weight:600;transition:color .3s;display:block;color:#fff!important}.form-group:focus-within .form-label{color:var(--prism-gold)!important}.input-field,select.input-field,.phone-input-field{width:100%!important;color:var(--prism-text)!important;background-color:#0a162899!important;border:1px solid #d4af3733!important;border-radius:8px!important;outline:none!important;height:auto!important;padding:1rem!important;font-size:1rem!important;transition:all .3s!important}select.input-field,select{appearance:none!important;cursor:pointer!important;background-image:none!important}select.input-field::-ms-expand{display:none!important}select::-ms-expand{display:none!important}.phone-input .arrow,.phone-input .selected-flag .arrow,.phone-input .flag-dropdown .arrow,.react-tel-input .arrow,.react-tel-input .selected-flag .arrow,.arrow,.selected-flag .arrow{visibility:hidden!important;opacity:0!important;border:none!important;width:0!important;height:0!important;margin:0!important;padding:0!important;display:none!important;position:absolute!important;left:-9999px!important;transform:scale(0)!important}.input-field:focus,select.input-field:focus,.phone-input-field:focus{border-color:var(--prism-gold)!important;box-shadow:0 0 0 2px #d4af3726!important}.input-field.error,select.input-field.error,.phone-input-field.error{border-color:#ef4444!important}.error-text{color:#f87171;margin-top:.5rem;font-size:.8rem;display:block}.error-message{color:#f87171;text-align:center;background-color:#ef444426;border:1px solid #ef44444d;border-radius:8px;margin-bottom:1rem;padding:1rem;animation:.5s ease-out fadeIn}.error-message[data-type=exists]{color:#f90;background-color:#fff3e6;border-left:4px solid #f90}.submit-button{white-space:nowrap!important;text-transform:none!important;background:linear-gradient(135deg, var(--prism-gold) 0%, #b8962e 100%)!important;width:auto!important;color:var(--prism-navy)!important;cursor:pointer!important;border:none!important;border-radius:25px!important;min-width:240px!important;margin:2rem auto 0!important;padding:1rem 2.5rem!important;font-size:.95rem!important;font-weight:600!important;line-height:1.3!important;transition:opacity .2s!important;display:block!important}.submit-button:hover{opacity:.9}.submit-button:disabled{opacity:.7;cursor:not-allowed;transform:none}@media (max-width:600px){.signup-page{padding:.5rem}.signup-container{border-radius:16px;margin:80px .5rem 1rem;padding:2rem 1.5rem}.signup-title{font-size:1.3rem}.submit-button{white-space:normal!important;width:100%!important;padding:1rem!important;font-size:.9rem!important}}.input-field:first-child{animation-delay:.1s}.input-field:nth-child(2){animation-delay:.2s}.input-field:nth-child(3){animation-delay:.3s}.input-field:nth-child(4){animation-delay:.4s}.input-field:nth-child(5){animation-delay:.5s}.input-field:nth-child(6){animation-delay:.6s}select{width:100%;color:var(--prism-text);background-color:#0a162899;border:1px solid #d4af3733;border-radius:8px;outline:none;padding:1rem;font-size:1rem;transition:all .3s;animation:.5s ease-out both fadeInUp}select:focus{border-color:var(--prism-gold);box-shadow:0 0 0 2px #d4af3726}select option{background-color:var(--prism-deep);color:var(--prism-text)}.success-message{color:#4ade80;text-align:center;background-color:#1a8f6e33;border:1px solid #1a8f6e4d;border-radius:8px;margin-bottom:1rem;padding:1rem;animation:.5s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.phone-input-container{width:100%!important}.phone-input-field{width:100%!important;color:var(--prism-text)!important;background-color:#0a162899!important;border:1px solid #d4af3733!important;border-radius:8px!important;outline:none!important;height:auto!important;padding:1rem 1rem 1rem 50px!important;font-size:1rem!important;transition:all .3s!important}.phone-input-field:focus{border-color:var(--prism-gold)!important;box-shadow:0 0 0 2px #d4af3726!important}.phone-input-field.error{border-color:#f44!important}.country-dropdown{background-color:#0a1628e6!important;border:1px solid #d4af3733!important;border-radius:8px 0 0 8px!important;height:100%!important}.phone-input-container .flag-dropdown{background-color:#0000!important;border:none!important}.phone-input-container .selected-flag{background-color:#0000!important;border-radius:8px 0 0 8px!important}.phone-input-container .selected-flag:hover,.phone-input-container .selected-flag:focus{background-color:#d4af371a!important}.country-search{background-color:var(--prism-deep)!important;width:100%!important;color:var(--prism-text)!important;border:none!important;border-bottom:1px solid #d4af3733!important;margin:0!important;padding:8px!important;font-size:.9rem!important}.country-search:focus{border-bottom-color:var(--prism-gold)!important;outline:none!important}.country-dropdown-list{background-color:var(--prism-deep)!important;border:1px solid #d4af3733!important;border-radius:0 0 8px 8px!important;max-height:200px!important;overflow-y:auto!important;box-shadow:0 4px 12px #0000004d!important}.country-dropdown-list .country{cursor:pointer!important;color:var(--prism-text)!important;align-items:center!important;padding:8px!important;transition:background-color .2s!important;display:flex!important}.country-dropdown-list .country:hover{background-color:#d4af3726!important}.country-dropdown-list .country-name{color:var(--prism-text)!important;margin-left:8px!important;font-size:.9rem!important}.country-dropdown-list .dial-code{color:var(--prism-text-muted)!important;margin-left:auto!important;font-size:.85rem!important}
