:root{--google-blue:#4285f4;--google-red:#ea4335;--google-yellow:#fbbc04;--google-green:#34a853;--google-gray:#5f6368;--font-family:"Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--bg-color:#fff;--text-color:#202124;--border-radius-lg:24px;--border-radius-md:12px;--border-radius-sm:8px}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow-x:hidden}body{font-family:var(--font-family);color:var(--text-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fa;line-height:1.5}h1,h2,h3,h4{color:#3c4043;font-weight:500}button{cursor:pointer;border:none;font-family:inherit;transition:all .2s cubic-bezier(.4,0,.2,1)}.google-btn{background-color:var(--google-blue);color:#fff;border-radius:var(--border-radius-lg);padding:12px 24px;font-size:1rem;font-weight:500;box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.google-btn:hover{background-color:#1a73e8;box-shadow:0 1px 2px #3c40434d,0 2px 6px 2px #3c404326}.google-btn:active{transform:translateY(1px);box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.google-btn:disabled{color:#9aa0a6;box-shadow:none;cursor:not-allowed;background-color:#dadce0}.app-container{background:#fff;flex-direction:column;max-width:500px;min-height:100vh;margin:0 auto;display:flex;position:relative;box-shadow:0 0 20px #0000000d}.p-20{padding:20px}.mb-24{margin-bottom:24px}.text-center{text-align:center}.app-content{touch-action:pan-y}.drawer-overlay{z-index:1000;opacity:0;visibility:hidden;background:#00000080;transition:opacity .3s;position:fixed;inset:0}.drawer-overlay.open{opacity:1;visibility:visible}.drawer{z-index:1001;background:#fff;flex-direction:column;width:280px;height:100%;transition:transform .3s;display:flex;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-2px 0 10px #0000001a}.drawer.open{transform:translate(0)}.drawer-header{border-bottom:1px solid #f1f3f4;align-items:center;padding:20px;display:flex}.drawer-header h3{color:#3c4043;margin:0;font-size:1.2rem}.close-btn{color:#5f6368;cursor:pointer;background:0 0;border:none;margin-right:15px;padding:0;font-size:24px;line-height:1}.drawer-nav{flex-direction:column;flex:1;padding:20px 0;display:flex}.nav-item{color:#5f6368;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;width:100%;padding:12px 24px;font-size:1rem;transition:background-color .2s,color .2s;display:flex}.nav-item:hover{color:var(--google-blue);background-color:#f8f9fa}.nav-item.active{color:var(--google-blue);background-color:#e8f0fe;font-weight:500}.nav-icon{margin-right:15px;font-size:1.2rem}.drawer-footer{background-color:#f8f9fa;border-top:1px solid #f1f3f4;padding:20px}.drawer-lang-selector{margin-bottom:20px}.drawer-lang-selector label{color:#80868b;margin-bottom:5px;font-size:.8rem;display:block}.drawer-lang-selector select{color:#3c4043;background:#fff;border:1px solid #dadce0;border-radius:4px;width:100%;padding:8px}.drawer-branding{color:#5f6368;align-items:center;gap:10px;font-size:.9rem;display:flex}