@tailwind base;@tailwind components;@tailwind utilities;*{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;touch-action:manipulation}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,#0a0a0a,#1a1a1a 50%,#0f0f0f);color:#fff;min-height:100vh;min-height:100dvh;padding:20px;position:relative;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.login-page body,body{display:flex;align-items:center;justify-content:center}.dashboard-page body{display:block;align-items:unset;justify-content:unset;padding:0}body:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(228,160,85,.1) 0,transparent 50%),radial-gradient(circle at 80% 20%,hsla(0,0%,100%,.05) 0,transparent 50%),radial-gradient(circle at 40% 80%,rgba(228,160,85,.08) 0,transparent 50%);pointer-events:none;z-index:-1}.container{background:hsla(0,0%,100%,.03);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.1);border-radius:24px;padding:48px;width:100%;max-width:480px;position:relative;box-shadow:0 25px 50px -12px rgba(0,0,0,.5)}.logo-container{text-align:center;margin-bottom:40px}.logo{width:120px;height:32px;margin-bottom:24px}.brand-name{font-size:32px;font-weight:700;letter-spacing:-.02em;margin-bottom:8px;background:linear-gradient(135deg,#fff,#e4a055);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{font-size:16px;color:hsla(0,0%,100%,.6);font-weight:400;line-height:1.5}.form-container{margin-top:40px}.form-group{margin-bottom:24px}.form-label{display:block;font-size:14px;font-weight:500;color:hsla(0,0%,100%,.8);margin-bottom:8px}.form-input{width:100%;padding:16px 20px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;color:#fff;transition:all .3s ease;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;line-height:1.5}.form-input:focus{border-color:#e4a055;background:hsla(0,0%,100%,.08);box-shadow:0 0 0 3px rgba(228,160,85,.1);transform:none}.form-input::placeholder{color:hsla(0,0%,100%,.4)}.form-input::-webkit-inner-spin-button,.form-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.form-input[type=number]{-moz-appearance:textfield}.phone-input-container{position:relative}.phone-input-with-prefix{position:relative;display:flex;align-items:center}.phone-prefix{position:absolute;left:20px;color:hsla(0,0%,100%,.6);font-size:16px;z-index:1;pointer-events:none}.phone-number{padding-left:60px}.verification-group{display:flex;gap:12px;align-items:stretch}.verification-input{flex:1 1}.send-code-btn{padding:16px 20px;background:linear-gradient(135deg,#e4a055,#d4941f);border:none;border-radius:12px;color:#000;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;min-width:100px;height:auto;display:flex;align-items:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.send-code-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 25px rgba(228,160,85,.3)}.send-code-btn:active{transform:translateY(0)}.send-code-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-btn{width:100%;padding:16px;background:linear-gradient(135deg,#fff,#f0f0f0);border:none;border-radius:12px;color:#000;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:32px;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 15px 35px hsla(0,0%,100%,.2)}.login-btn:active{transform:translateY(0)}.login-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.footer-text{text-align:center;margin-top:32px;font-size:14px;color:hsla(0,0%,100%,.5);line-height:1.6}.footer-text a{color:#e4a055;text-decoration:none;transition:color .3s ease;-webkit-tap-highlight-color:transparent}.footer-text a:hover{color:#fff}.countdown{color:#e4a055;font-weight:500}.login-btn,.send-code-btn{-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (max-width:640px){.login-page body{align-items:flex-start;padding:max(env(safe-area-inset-top),20px) 16px max(env(safe-area-inset-bottom),20px)}.container{padding:32px 24px;border-radius:20px;margin-top:20px;margin-bottom:20px}.brand-name{font-size:28px}.subtitle{font-size:14px}.verification-group{flex-direction:column;gap:16px;align-items:stretch}.send-code-btn{width:100%;min-width:auto;padding:16px}.form-input{font-size:16px}}@media (max-width:480px){.login-page body{padding:max(env(safe-area-inset-top),16px) 12px max(env(safe-area-inset-bottom),16px)}.container{padding:24px 20px;border-radius:16px}.logo{width:100px;height:27px}.brand-name{font-size:24px}.subtitle{font-size:13px}.form-group{margin-bottom:20px}.form-container{margin-top:32px}.logo-container{margin-bottom:32px}}@media (max-width:360px){.container{padding:20px 16px}.send-code-btn{font-size:13px;padding:14px 16px}.login-btn{padding:14px;font-size:15px}.form-input{padding:14px 18px;font-size:16px}.phone-number{padding-left:56px}}@media (max-height:600px) and (max-width:640px){.login-page body{align-items:center;padding-top:16px;padding-bottom:16px}.container{margin-top:0;margin-bottom:0}.logo-container{margin-bottom:24px}.footer-text,.form-container{margin-top:24px}}@media (orientation:landscape) and (max-height:500px){.login-page body{align-items:flex-start;padding-top:16px;padding-bottom:16px}.container{padding:24px;margin-top:0;margin-bottom:0}.logo-container{margin-bottom:20px}.brand-name{font-size:24px}.subtitle{font-size:13px}.form-container{margin-top:20px}.form-group{margin-bottom:16px}.footer-text{margin-top:20px;font-size:12px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.container{animation:fadeInUp .8s ease-out}@media (hover:none) and (pointer:coarse){.footer-text a:hover,.login-btn:hover,.send-code-btn:hover{transform:none;box-shadow:none;color:inherit}.footer-text a:hover{color:#e4a055}}