*{margin:0;padding:0;box-sizing:border-box}body{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.container{text-align:center;max-width:450px;width:100%}.header{margin-bottom:2rem}.logo{font-size:2.5rem;font-weight:300;color:#fff;margin-bottom:.5rem;text-shadow:0 4px 8px rgba(0,0,0,.3);letter-spacing:-1px}.page-title{font-size:1.3rem;color:#ffffffe6;font-weight:300;margin-bottom:.5rem}.page-subtitle{font-size:1rem;color:#ffffffb3;font-weight:300}.login-form{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:3rem 2rem;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2);position:relative;overflow:hidden}.login-form:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#4ecdc4,#44a08d)}.form-icon{width:80px;height:80px;margin:0 auto 1.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);background:linear-gradient(135deg,#4ecdc4,#44a08d)}.form-title{font-size:1.8rem;font-weight:600;color:#333;margin-bottom:2rem}.login-subtitle{font-size:1rem;color:#666;margin-bottom:2rem;line-height:1.5}.google-login-section{width:100%}.google-login-button{width:100%;padding:1rem 1.5rem;background:#fff;border:2px solid #dadce0;border-radius:12px;font-size:1.1rem;font-weight:500;color:#3c4043;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:1.5rem}.google-login-button:hover{background:#f8f9fa;border-color:#c8c9ca;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.google-login-button:active{transform:translateY(0);box-shadow:0 1px 4px #0000001a}.google-icon{flex-shrink:0}.security-note{background:#f8f9fa;border-radius:8px;padding:1rem;display:flex;align-items:flex-start;gap:.75rem;border-left:3px solid #4ecdc4}.security-icon{font-size:1.2rem;flex-shrink:0}.security-note p{font-size:.85rem;color:#5f6368;line-height:1.4;margin:0}.back-link{position:absolute;top:20px;left:20px;color:#fffc;text-decoration:none;font-size:.9rem;padding:.5rem 1rem;border-radius:8px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.back-link:hover{background:#fff3;color:#fff}@media (max-width: 480px){.container{max-width:100%;margin:0 10px}.login-form{padding:2rem 1.5rem}.logo{font-size:2rem}}