html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}html,body{margin:0;padding:0;width:100%;overflow-x:hidden;position:relative}body{background-color:#fff;color:#1e293b;min-height:100vh}*{box-sizing:border-box;margin:0;padding:0}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.auth-card{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;padding:40px;text-align:center;max-width:400px;width:100%;animation:slideIn .5s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-logo{margin-bottom:30px}.auth-logo img{height:60px;width:auto}.auth-loading{display:flex;flex-direction:column;align-items:center;gap:20px}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-loading p{color:#666;font-size:16px;margin:0}.auth-error{display:flex;flex-direction:column;align-items:center;gap:20px}.auth-error h2{color:#e74c3c;margin:0;font-size:24px}.auth-error p{color:#666;margin:0;line-height:1.5}.auth-button{background:#667eea;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:16px;cursor:pointer;transition:background-color .3s ease}.auth-button:hover{background:#5a6fd8}.auth-success{display:flex;flex-direction:column;align-items:center;gap:20px}.success-icon{width:60px;height:60px;background:#27ae60;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:700;animation:scaleIn .5s ease-out}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.auth-success h2{color:#27ae60;margin:0;font-size:24px}.auth-success p{color:#666;margin:0;line-height:1.5}@media (max-width: 480px){.auth-card{padding:30px 20px}.auth-logo img{height:50px}.auth-error h2,.auth-success h2{font-size:20px}}