:root{--kish-turquoise: #2dd4bf;--kish-turquoise-light: #5eead4;--kish-turquoise-dark: #14b8a6;--kish-deep-blue: #0e7490;--kish-blue: #0891b2;--kish-sandy-beige: #f5f1eb;--kish-sand: #e8ddd4;--kish-white: #ffffff;--kish-gray-light: #f8f9fa;--kish-gray: #6b7280;--kish-gray-dark: #374151;--kish-error: #ef4444;--kish-success: #10b981}body.auth-page{background:linear-gradient(135deg,#f0f9ff,#e0f2fe,#bae6fd);min-height:100vh;position:relative;overflow-x:hidden}body.auth-page:before{content:"";position:fixed;inset:0;background-image:radial-gradient(circle at 20% 50%,rgba(45,212,191,.08) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(8,145,178,.08) 0%,transparent 50%);pointer-events:none;z-index:0}.auth-page .main-content{position:relative;z-index:1}.auth-page .page-header{position:relative;padding:1rem 0;min-height:100vh;display:flex;align-items:center}.auth-page .page-header .container{width:100%}.auth-page .card{background:var(--kish-white);border:none;border-radius:24px;box-shadow:0 4px 6px -1px #0000000d,0 10px 15px -3px #00000014,0 0 0 1px #2dd4bf0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;position:relative;animation:cardFadeIn .6s ease-out}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-page .card:hover{box-shadow:0 10px 15px -3px #0000001a,0 20px 25px -5px #0000001a,0 0 0 1px #2dd4bf1a;transform:translateY(-2px)}.auth-page .card-header{padding:1.25rem 2rem .75rem;border-bottom:1px solid rgba(45,212,191,.1);background:linear-gradient(to bottom,#fffffff2,#fffc)}.auth-page.register-page .card-header{padding:1rem 2rem .5rem}.auth-page .card-header h3{font-size:1.75rem;font-weight:700;color:var(--kish-deep-blue);margin-bottom:.5rem;letter-spacing:-.02em}.auth-page .card-header p{color:var(--kish-gray);font-size:.95rem;margin:0}.auth-page .card-body{padding:1.5rem 2rem}.auth-page.register-page .card-body{padding:1rem 2rem}.auth-page .form-control{border:2px solid #e5e7eb;border-radius:12px;padding:.75rem 1rem;font-size:.9rem;transition:all .3s cubic-bezier(.4,0,.2,1);background:var(--kish-white);color:var(--kish-gray-dark)}.auth-page .form-control:focus{border-color:var(--kish-turquoise);outline:none;box-shadow:0 0 0 4px #2dd4bf1a,0 2px 4px #0000000d;transform:translateY(-1px)}.auth-page .form-control::placeholder{color:#9ca3af;opacity:.7}.auth-page label{font-weight:600;color:var(--kish-gray-dark);font-size:.875rem;margin-bottom:.5rem;display:block;letter-spacing:.01em}.auth-page .btn{border-radius:12px;padding:.875rem 2rem;font-weight:600;font-size:.95rem;letter-spacing:.02em;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;border:none}.auth-page .btn.bg-gradient-info{background:linear-gradient(135deg,var(--kish-turquoise) 0%,var(--kish-blue) 100%);color:#fff;box-shadow:0 4px 12px #2dd4bf4d}.auth-page .btn.bg-gradient-info:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2dd4bf66;background:linear-gradient(135deg,var(--kish-turquoise-dark) 0%,var(--kish-deep-blue) 100%)}.auth-page .btn.bg-gradient-info:active{transform:translateY(0);box-shadow:0 2px 8px #2dd4bf4d}.auth-page .btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.auth-page .btn:active:before{width:300px;height:300px}.auth-page a.text-info.text-gradient{color:var(--kish-blue);text-decoration:none;font-weight:600;transition:all .2s ease;position:relative}.auth-page a.text-info.text-gradient:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--kish-turquoise);transition:width .3s ease}.auth-page a.text-info.text-gradient:hover{color:var(--kish-turquoise-dark)}.auth-page a.text-info.text-gradient:hover:after{width:100%}.auth-page #error:empty,.auth-page .text-danger:empty{display:none}.auth-page #error:not(:empty),.auth-page .text-danger:not(:empty){color:var(--kish-error);font-size:.875rem;margin-top:.5rem;padding:.75rem 1rem;background:#ef44441a;border-radius:8px;border-right:3px solid var(--kish-error);animation:errorSlideIn .3s ease-out;display:block}@keyframes errorSlideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.auth-page .alert{border-radius:12px;border:none;padding:1rem 1.5rem;animation:alertFadeIn .4s ease-out}@keyframes alertFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.auth-page .alert-danger{background:#ef44441a;color:var(--kish-error);border-right:3px solid var(--kish-error)}.auth-page .alert-success{background:#10b9811a;color:var(--kish-success);border-right:3px solid var(--kish-success)}.auth-page .row{margin-left:-.5rem;margin-right:-.5rem}.auth-page .row>[class*=col-]{padding-left:.5rem;padding-right:.5rem}.auth-page .mb-1{margin-bottom:.75rem!important}.auth-page.register-page .mb-1{margin-bottom:.5rem!important}.auth-page textarea.form-control{min-height:70px;resize:vertical}.auth-page.register-page textarea.form-control{min-height:50px}.auth-page #otpForm{animation:formSlideIn .4s ease-out}@keyframes formSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.auth-page .card-footer{padding:1rem 2rem;background:#f5f1eb80;border-top:1px solid rgba(45,212,191,.1);border-radius:0 0 24px 24px}.auth-page .card-footer p{color:var(--kish-gray);font-size:.875rem;margin:0;text-align:center}.auth-page .footer{display:none}@media(max-width:768px){.auth-page .card{border-radius:20px;margin:1rem}.auth-page .card-header,.auth-page .card-body{padding:1.25rem 1.5rem}.auth-page .card-header h3{font-size:1.5rem}}.auth-page .form-control:focus{animation:inputFocusPulse .3s ease-out}@keyframes inputFocusPulse{0%{box-shadow:0 0 #2dd4bf66}50%{box-shadow:0 0 0 8px #2dd4bf1a}to{box-shadow:0 0 0 4px #2dd4bf1a}}.auth-page .btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.auth-page *{transition-timing-function:cubic-bezier(.4,0,.2,1)}.auth-page .card:after{content:"";position:absolute;top:0;right:0;width:200px;height:200px;background:radial-gradient(circle,rgba(45,212,191,.05) 0%,transparent 70%);border-radius:50%;pointer-events:none;z-index:0}.auth-page .card-header,.auth-page .card-body,.auth-page .card-footer{position:relative;z-index:1}