.signin-page{color:#1e293b;background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 50%,#f1f5f9 100%);justify-content:center;align-items:center;min-height:100vh;font-family:Inter,"system-ui",sans-serif;line-height:1.6;display:flex;position:relative;overflow-x:hidden}.signin-page:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 20% 80%,#f973160d 0%,#0000 50%),radial-gradient(circle at 80% 20%,#22c55e0d 0%,#0000 50%),radial-gradient(circle at 40% 40%,#3b82f608 0%,#0000 50%);position:fixed;inset:0}.signin-mouse-follower{pointer-events:none;z-index:1000;background:radial-gradient(circle,#f973164d 0%,#0000 70%);border-radius:50%;width:30px;height:30px;transition:all .1s;animation:2s ease-in-out infinite signin-pulse-glow;position:fixed}@keyframes signin-pulse-glow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.signin-background{pointer-events:none;z-index:1;position:fixed;inset:0}.signin-floating-shape{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff4d 0%,#f8fafc33 100%);border-radius:50%;animation:6s ease-in-out infinite signin-float;position:absolute}.signin-floating-shape.s1{width:80px;height:80px;animation-delay:0s;top:20%;left:10%}.signin-floating-shape.s2{width:120px;height:120px;animation-delay:2s;top:60%;right:15%}.signin-floating-shape.s3{width:60px;height:60px;animation-delay:4s;top:40%;left:80%}.signin-floating-shape.s4{width:100px;height:100px;animation-delay:1s;top:80%;left:20%}.signin-floating-shape.s5{width:90px;height:90px;animation-delay:3s;top:10%;right:30%}.signin-gradient-orb{background:radial-gradient(circle,#f9731614 0%,#0000 70%);border-radius:50%;animation:8s ease-in-out infinite signin-float-slow;position:absolute}.signin-gradient-orb.o1{width:200px;height:200px;animation-delay:0s;top:10%;left:5%}.signin-gradient-orb.o2{width:150px;height:150px;animation-delay:3s;top:70%;right:10%}.signin-gradient-orb.o3{width:180px;height:180px;animation-delay:1.5s;top:30%;right:20%}.signin-gradient-orb.o4{width:160px;height:160px;animation-delay:4.5s;top:80%;left:30%}.signin-particle{background:#f9731666;border-radius:50%;width:4px;height:4px;animation:4s ease-in-out infinite signin-particle-float;position:absolute}.signin-particle.p1{animation-delay:0s;top:25%;left:15%}.signin-particle.p2{animation-delay:1s;top:45%;right:25%}.signin-particle.p3{animation-delay:2s;top:65%;left:40%}.signin-particle.p4{animation-delay:3s;top:35%;right:45%}.signin-particle.p5{animation-delay:1.5s;top:75%;left:60%}.signin-particle.p6{animation-delay:2.5s;top:55%;right:60%}.signin-container{z-index:10;opacity:0;width:100%;max-width:450px;margin:0 auto;padding:40px 20px;transition:all .8s cubic-bezier(.4,0,.2,1);position:relative;transform:translateY(50px)scale(.95)}.signin-container.visible{opacity:1;transform:translateY(0)scale(1)}.signin-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffffe6 0%,#f8fafcd9 100%);border:1px solid #ffffff4d;border-radius:24px;padding:40px 30px;position:relative;overflow:hidden;box-shadow:0 25px 50px #0000001a,0 10px 20px #0000000d,inset 0 1px #fffc}.signin-content:before{content:"";background:linear-gradient(90deg,#0000 0%,#f9731680 50%,#0000 100%);height:1px;position:absolute;top:0;left:0;right:0}.signin-header{text-align:center;margin-bottom:40px}.signin-logo-container{flex-direction:column;align-items:center;gap:20px;display:flex}.signin-logo-link{cursor:pointer;text-decoration:none;transition:opacity .2s,transform .2s;display:inline-flex}.signin-logo-link:hover{opacity:.85}.signin-logo-link:focus-visible{outline-offset:4px;border-radius:8px;outline:2px solid #f97316}.signin-logo-icon{justify-content:center;align-items:center;display:flex}.signin-logo-img{filter:drop-shadow(0 2px 6px #0000001a);width:auto;height:88px}.signin-title{color:#1e293b;text-shadow:0 2px 10px #0000001a;margin:0;font-size:2.5rem;font-weight:800;line-height:1.2}.signin-gradient-text{background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);-webkit-text-fill-color:transparent;text-shadow:none;-webkit-background-clip:text;background-clip:text}.signin-subtitle{color:#64748b;margin:15px 0 0;font-size:1.1rem;font-weight:400}.signin-tabs{z-index:3;background:#0000000a;border-radius:12px;gap:4px;margin-bottom:30px;padding:4px;display:flex;position:relative}.signin-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:10px;flex:1;padding:12px 20px;font-size:1rem;font-weight:600;transition:all .3s;position:relative}.signin-tab:hover{color:#1e293b}.signin-tab.active{color:#fff;background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);box-shadow:0 4px 12px #f973164d}.signin-error{background:#ef444414;border:1px solid #ef444433;border-radius:12px;align-items:center;gap:10px;margin-bottom:20px;padding:12px 16px;animation:.4s signin-shake;display:flex}.signin-error svg{color:#ef4444;flex-shrink:0;width:20px;height:20px}.signin-error-text{color:#dc2626;font-size:.9rem;font-weight:500}@keyframes signin-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.signin-form{margin-bottom:30px}.signin-form-group{margin-bottom:25px}.signin-input-container{align-items:center;display:flex;position:relative}.signin-input-icon{z-index:2;color:#64748b;transition:all .3s;position:absolute;left:15px}.signin-input-icon svg{width:20px;height:20px}.signin-form-input{color:#000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:2px solid #000;border-radius:12px;outline:none;width:100%;padding:15px 50px;font-family:inherit;font-size:1rem;font-weight:500;transition:all .3s}.signin-form-input::placeholder{color:#94a3b8}.signin-form-input:focus{background:#fffffff2;border-width:3px;border-color:#ff6b35;transform:translateY(-2px);box-shadow:0 0 0 3px #f973161a,0 10px 20px #0000001a}.signin-form-input:focus~.signin-input-glow{opacity:1}.signin-form-input:not(:-moz-placeholder-shown)~.signin-input-icon{color:#f97316}.signin-form-input:focus~.signin-input-icon,.signin-form-input:not(:placeholder-shown)~.signin-input-icon{color:#f97316}.signin-input-glow{opacity:0;pointer-events:none;background:linear-gradient(135deg,#f973161a 0%,#0000 50%);border-radius:12px;transition:opacity .3s;position:absolute;inset:0}.signin-password-toggle{z-index:2;color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:5px;transition:all .3s;display:flex;position:absolute;right:15px}.signin-password-toggle:hover{color:#1e293b;background:#0000000d}.signin-password-toggle svg{width:20px;height:20px}.signin-button{cursor:pointer;background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);border:none;border-radius:12px;width:100%;padding:0;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 10px 20px #f973164d,0 5px 10px #0003}.signin-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 15px 30px #f9731666,0 8px 16px #0000004d}.signin-button:active:not(:disabled){transform:translateY(-1px)}.signin-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.signin-button-content{z-index:2;justify-content:center;align-items:center;gap:10px;padding:15px 20px;display:flex;position:relative}.signin-button-text{color:#fff;text-shadow:0 1px 2px #0000004d;font-size:1.1rem;font-weight:700}.signin-button-icon{color:#fff;width:20px;height:20px;transition:transform .3s}.signin-button:hover:not(:disabled) .signin-button-icon{transform:translate(3px)}.signin-button-shine{background:linear-gradient(90deg,#0000 0%,#ffffff4d 50%,#0000 100%);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.signin-button:hover:not(:disabled) .signin-button-shine{left:100%}.signin-links{flex-direction:column;gap:15px;display:flex}.signin-link-item{color:#64748b;background:#00000008;border:1px solid #0000000d;border-radius:8px;justify-content:space-between;align-items:center;padding:12px 15px;font-size:.9rem;text-decoration:none;transition:all .3s;display:flex}.signin-link-item:hover{color:#64748b;background:#0000000d;border-color:#f973164d;text-decoration:none;transform:translate(5px)}.signin-link-highlight{color:#f97316;font-weight:600;transition:color .3s}.signin-link-item:hover .signin-link-highlight{color:#ea580c}.signup-cards-container{flex-direction:column;gap:16px;margin-bottom:30px;display:flex}.signup-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#ffffffb3;border:2px solid #0000000f;border-radius:14px;align-items:center;gap:16px;padding:18px 20px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.signup-card:hover{background:#fffffff2;border-color:#f973164d;transform:translateY(-3px)translate(4px);box-shadow:0 12px 24px #00000014,0 0 0 1px #f9731626}.signup-card-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;transition:all .3s;display:flex}.signup-card-icon.buyer-icon{background:linear-gradient(135deg,#0f888126 0%,#0f888114 100%)}.signup-card-icon.buyer-icon svg{color:#0f8881}.signup-card-icon.builder-icon{background:linear-gradient(135deg,#f9731626 0%,#f9731614 100%)}.signup-card-icon.builder-icon svg{color:#f97316}.signup-card-icon.vendor-icon{background:linear-gradient(135deg,#8b5cf626 0%,#8b5cf614 100%)}.signup-card-icon.vendor-icon svg{color:#8b5cf6}.signup-card-icon.realtor-icon{background:linear-gradient(135deg,#3b82f626 0%,#3b82f614 100%)}.signup-card-icon.realtor-icon svg{color:#3b82f6}.signup-card-icon.lender-icon{background:linear-gradient(135deg,#eab30826 0%,#eab30814 100%)}.signup-card-icon.lender-icon svg{color:#eab308}.signup-card-icon svg{width:26px;height:26px}.signup-card:hover .signup-card-icon{transform:scale(1.1)rotate(5deg)}.signup-card-info{flex:1}.signup-card-title{color:#1e293b;margin:0 0 4px;font-size:1rem;font-weight:700}.signup-card-desc{color:#64748b;margin:0;font-size:.85rem;line-height:1.4}.signup-card-arrow{color:#cbd5e1;flex-shrink:0;transition:all .3s}.signup-card-arrow svg{width:20px;height:20px}.signup-card:hover .signup-card-arrow{color:#f97316;transform:translate(4px)}@keyframes signin-float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(180deg)}}@keyframes signin-float-slow{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-30px)scale(1.1)}}@keyframes signin-particle-float{0%,to{opacity:.6;transform:translateY(0)scale(1)}50%{opacity:1;transform:translateY(-15px)scale(1.2)}}@keyframes signin-icon-float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-5px)rotate(5deg)}}@media (max-width:768px){.signin-container{padding:20px 15px}.signin-content{padding:30px 20px}.signin-title{font-size:2rem}.signin-logo-img{height:72px}.signin-form-input{padding:12px 45px;font-size:.95rem}.signin-button-text{font-size:1rem}}@media (max-width:480px){.signin-container{padding:15px 10px}.signin-content{padding:25px 15px}.signin-title{font-size:1.8rem}.signin-subtitle{font-size:1rem}.signin-form-input{padding:10px 40px;font-size:.9rem}.signin-link-item{padding:10px 12px;font-size:.85rem}.signup-card{padding:14px 16px}.signup-card-icon{width:44px;height:44px}.signup-card-icon svg{width:22px;height:22px}}.magic-link-section{margin-top:1.5rem;padding-top:.25rem}.magic-link-divider{color:#94a3b8;text-transform:lowercase;align-items:center;gap:.75rem;margin-bottom:1rem;font-size:.8125rem;display:flex}.magic-link-divider:before,.magic-link-divider:after{content:"";background:#94a3b859;flex:1;height:1px}.magic-link-label{color:#1e293b;margin:0 0 .25rem;font-size:.9375rem;font-weight:600}.magic-link-sublabel{color:#64748b;margin:0 0 .75rem;font-size:.8125rem}.magic-link-form{gap:.5rem;display:flex}.magic-link-input{color:#1e293b;background:#ffffffd9;border:1px solid #94a3b859;border-radius:.625rem;flex:1;min-width:0;padding:.625rem .875rem;font-size:.875rem}.magic-link-input:focus{border-color:#2d7171;outline:none;box-shadow:0 0 0 3px #2d71711f}.magic-link-send-btn{color:#fff;cursor:pointer;background:#2d7171;border:none;border-radius:.625rem;flex-shrink:0;justify-content:center;align-items:center;min-width:5.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:600;transition:background-color .15s;display:inline-flex}.magic-link-send-btn:hover:not(:disabled){background:#245a5a}.magic-link-send-btn:disabled{opacity:.65;cursor:not-allowed}.magic-link-error{color:#dc2626;margin:.625rem 0 0;font-size:.8125rem}.magic-sent-message{color:#166534;align-items:flex-start;gap:.375rem;margin:.75rem 0 0;font-size:.8125rem;line-height:1.45;display:flex}.magic-sent-icon{color:#16a34a;flex-shrink:0;margin-top:.125rem}