:root{--flinta-primary: #FF2268;--flinta-secondary: #FF4141;--flinta-gradient: linear-gradient(to right, #FF4141, #800080);--bg-color: #f0f2f5;--text-dark: #333;--text-light: #fff}*{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;outline:none}body{background-color:var(--bg-color);color:var(--text-dark);display:flex;flex-direction:column;min-height:100vh}.login-container{width:100%;max-width:400px;margin:auto;padding:2rem;background:#fff;border-radius:20px;box-shadow:0 10px 25px #0000001a;text-align:center}.brand-header i{font-size:3rem;background:var(--flinta-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:10px}.brand-header h1{color:#444}.input-group{position:relative;margin-bottom:1rem}.input-group i{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#aaa}.input-group input{width:100%;padding:12px 15px 12px 40px;border:1px solid #ddd;border-radius:50px;outline:none;transition:.3s}.input-group input:focus{border-color:var(--flinta-secondary)}button{width:100%;padding:12px;border:none;border-radius:50px;background:var(--flinta-gradient);color:#fff;font-weight:700;cursor:pointer;font-size:1rem;transition:transform .1s}button:active{transform:scale(.98)}button:disabled{background:#ccc;cursor:not-allowed}.footer-link{margin-top:1.5rem;font-size:.9rem}.external-link{width:100%;text-align:center;font-weight:700;padding-top:.6rem}.external-link a{text-decoration:none;color:var(--flinta-primary)}nav{background:#fff;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 10px #0000000d}.dashboard-logo{font-size:18px;font-weight:700;color:var(--flinta-primary);display:flex}.dashboard-logo img{width:60px;height:20px}.dashboard-logo h4{color:#777;text-align:center;border-left:2px solid #777;margin-left:5px;padding-left:5px;padding-top:2px;padding-bottom:2px}#logout-btn{width:auto;padding:8px 15px;background:#eee;color:#555}.dashboard-container{padding:2rem;max-width:600px;margin:0 auto;width:100%}.card{background:#fff;border-radius:15px;padding:1.5rem;margin-bottom:1rem;box-shadow:0 4px 15px #0000000d;text-align:center}.header-card h2{color:#555;margin-bottom:10px}.promo-box{background:#f8f8f8;border:2px dashed var(--flinta-secondary);padding:15px;font-size:2rem;font-weight:700;letter-spacing:5px;color:var(--flinta-primary);border-radius:10px;margin-bottom:10px}.metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.metric i{font-size:2rem;color:var(--flinta-secondary);margin-bottom:10px}.metric h3{font-size:.9rem;color:#888}.metric span{font-size:1.5rem;font-weight:700;color:#333}.gauge-wrapper{width:100%;display:flex;justify-content:center;margin:20px 0}.gauge-body{width:200px;height:100px;background:#eee;border-top-left-radius:100px;border-top-right-radius:100px;position:relative;overflow:hidden}.gauge-fill{width:100%;height:100%;background:var(--flinta-gradient);transform-origin:bottom center;transform:rotate(-180deg);transition:transform 1s ease-out}.gauge-fill.empty{width:0}.gauge-cover{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:160px;height:80px;background:#fff;border-top-left-radius:80px;border-top-right-radius:80px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:10px}#percent-text{font-size:1.5rem;font-weight:700}.disclaimer{font-size:.8rem;color:#777;background:#fff8f8;padding:10px;border-radius:8px;border-left:4px solid var(--flinta-secondary);display:flex;gap:10px}.logo{width:120px}h6.about{font-size:13px;font-weight:400;margin-bottom:2rem;color:#666}@media (max-width: 410px){.login-container{max-width:360px}}.close-partner{padding:12px;position:absolute}.close-partner a{font-size:30px}.close-partner a i{color:var(--flinta-primary)}.promoter-signup-link h3{padding-bottom:10px}.promoter-signup-link .generated-link .text-area.flex{display:flex}.promoter-signup-link .generated-link .text-area.flex input{padding:10px 25px;border-radius:5px 0 0 5px/5px 0px 0px 5px;border:1px solid #FF2268;width:50vw}.promoter-signup-link .generated-link .text-area.flex button{border:none;padding-left:0;border-radius:0 5px 5px 0;color:#fff}.promoter-signup-link p{color:#333;padding-top:10px;font-size:14px}.toast{position:fixed;display:flex;top:0;z-index:1000;width:100%;justify-content:center;animation:fade-in linear .3s}.toast .container{width:50%;background:#ff2268;color:#fff;padding:10px;font-size:16px;text-align:center;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.toast.hidden{display:none}@keyframes fade-in{0%{top:-10vh}to{top:0}}.rate .rate-by-gender{margin-top:20px;display:flex;width:100%;justify-content:space-between}.rate .rate-by-gender p{font-weight:600;color:#444}.rate .rate-by-gender p span{color:#ff2268}.rate .about .text{margin-top:20px;border:1px solid #ccc;padding:5px;border-radius:5px;animation:text-in linear .3s}.rate .about .text p{font-size:14px;text-align:center;color:#444}.rate .about button{margin-top:10px}@keyframes text-in{0%{opacity:0}to{opacity:1}}.about.collapse .text{display:none}.google-btn{width:100%;background:none;padding:12px;background-color:#fff;color:#333;border:1px solid #ddd;border-radius:8px;font-weight:600;cursor:pointer;margin-top:15px;display:flex;align-items:center;justify-content:center;gap:10px;transition:background .2s}.google-btn:hover{background-color:#f1f1f1}.divider{margin:20px 0;position:relative;border-top:1px solid #eee}.divider span{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:#fff;padding:0 10px;color:#777;font-size:12px}.footer-note p{font-size:14px}