.auth-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:100;display:flex;align-items:center;justify-content:center}.auth-modal-container{position:relative;background:rgba(11,11,15,.35);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);padding:2.5rem;width:90%;max-width:420px;border-radius:1rem;color:white;border:1px solid rgba(255,255,255,.05);overflow:hidden;transition:transform .3s ease}.auth-modal-container:before{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(255,20,147,.8) 20%,rgba(138,43,226,.9) 50%,rgba(255,20,147,.8) 80%,transparent);box-shadow:0 0 10px rgba(255,20,147,.6),0 0 20px rgba(138,43,226,.4),0 0 30px rgba(255,20,147,.2);z-index:1}.auth-modal-container:after{content:"";position:absolute;bottom:0;left:0;width:2px;height:20%;background:linear-gradient(180deg,transparent,rgba(255,20,147,.6) 30%,rgba(138,43,226,.8) 70%,rgba(255,20,147,.9));box-shadow:0 0 8px rgba(255,20,147,.5),0 0 15px rgba(138,43,226,.3);z-index:1}.auth-title{font-size:1.8rem;font-weight:600;margin-bottom:.25rem}.auth-subtitle{font-size:.95rem;color:#bbbbbb;margin-bottom:2rem}.auth-form{display:flex;flex-direction:column;gap:1rem}.name-fields{display:flex;gap:.75rem}.auth-form input{background:#0f0f0f;border:1px solid #333;border-radius:.75rem;font-size:.9rem}.auth-form input,.auth-submit{padding:.75rem 1rem;color:white;width:100%}.auth-submit{background:linear-gradient(90deg,#3c00ff,#580eec);font-weight:700;border:none;border-radius:999px;max-width:100%;cursor:pointer;font-size:1rem;transition:background .2s ease;margin-top:.5rem}.auth-submit:hover{background:linear-gradient(90deg,#4d1fff,#6b30ff)}.auth-divider{text-align:center;margin:1.5rem 0;color:#666}.social-buttons{display:flex;flex-direction:column;gap:.75rem}.google-button,.x-button{display:flex;align-items:center;justify-content:center;background-color:rgb(26,26,26);border:1px solid #333;border-radius:.75rem;padding:.75rem 1rem;color:white;font-weight:500;cursor:pointer;transition:background-color 2ms ease-in-out,transform 5ms ease}.google-button:hover,.x-button:hover{background-color:rgb(50,50,50);color:#00ffa2da}.auth-switch{margin-top:1.5rem;text-align:center;font-size:.85rem;color:#ccc}.auth-switch button{color:#00ffa3;font-weight:600}.auth-close-button,.auth-switch button{background:none;border:none;cursor:pointer}.auth-close-button{position:absolute;top:1rem;right:1rem;color:#aaa;font-size:1.5rem;transition:color .2s ease}.auth-close-button:hover{color:#fff}.forgot-link{background:none;border:none;color:#00ffa3;font-size:.5rem;cursor:pointer;font-weight:100;padding:2px;position:relative;outline:none}.forgot-link:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:linear-gradient(90deg,rgba(0,255,163,0),#00ffa3,rgba(0,255,163,0));opacity:0;transition:opacity .12s ease}.forgot-link:focus-visible:after,.forgot-link:hover:after{opacity:1}.forgot-link:focus-visible{box-shadow:0 0 0 2px rgba(0,255,163,.25);border-radius:6px}.auth-banner{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin:0 0 1rem;padding:.75rem 1rem;border-radius:.75rem;background:rgba(18,18,24,.6);border:1px solid rgba(255,255,255,.08);position:relative}.auth-banner:before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:.75rem;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}.auth-banner.success{box-shadow:0 0 12px rgba(0,255,163,.15),0 0 24px rgba(86,16,227,.08)}.auth-banner.info{box-shadow:0 0 12px rgba(86,16,227,.18),0 0 24px rgba(246,9,143,.08)}.auth-banner.error{box-shadow:0 0 12px rgba(246,9,143,.25),0 0 24px rgba(246,9,143,.12)}.auth-banner-text{font-size:.9rem;color:#e8e8f0}.auth-banner-actions{display:flex;align-items:center;gap:.5rem}.banner-link{background:none;border:none;color:#00ffa3;font-weight:700;font-size:.85rem;cursor:pointer;padding:0;position:relative}.banner-link:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:linear-gradient(90deg,rgba(0,255,163,0),#00ffa3,rgba(0,255,163,0));opacity:0;transition:opacity .12s ease}.banner-link:focus-visible:after,.banner-link:hover:after{opacity:1}