:root{--color-primary:#00c853;--color-primary-dark:#00a651;--color-text-white:#fff;--color-error:#fca5a5;--shadow-lg:0 8px 24px #0000004d;--shadow-glow:0 8px 24px #00c8534d;--gradient-main:linear-gradient(45deg, #0f9d58d9 0%, #34a853d9 25%, #66bb6ad9 50%, #a5d6a7d9 75%, #e8f5e9d9 100%)}html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;min-height:100dvh;margin:0;padding:0;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif}.central-bg,.modal,.login-modal,.session-modal-overlay{background:var(--gradient-main), url(/img/tip-bg.jpg);background-position:50%;background-repeat:no-repeat;background-size:400% 400%,cover}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%,-40%)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes cardEnter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUpModal{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(120vw)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes login-spin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1 200;stroke-dashoffset:0}50%{stroke-dasharray:89 200;stroke-dashoffset:-35px}to{stroke-dasharray:89 200;stroke-dashoffset:-124px}}.spinner-svg{transform-origin:50%;animation:2s linear infinite spin;display:block}.spinner-svg circle{fill:none;stroke-dasharray:1 200;stroke-dashoffset:0;stroke-linecap:round;transform-origin:50%;animation:1.5s ease-in-out infinite dash}.topbar{z-index:100;box-sizing:border-box;background:0 0;width:100%;padding:16px 24px;position:fixed;top:0;left:0}.central-logo{display:inline-block}.central-logo img{filter:drop-shadow(0 2px 8px #00000026);width:auto;height:20px;margin-top:15px}.central-container{box-sizing:border-box;flex-direction:column;align-items:flex-start;width:100%;max-width:460px;display:flex;position:absolute;top:50%}.footer{z-index:50;box-sizing:border-box;background:0 0;width:100%;padding:20px 24px;position:fixed;bottom:0;left:0}.footer-content{flex-direction:column;align-items:center;gap:12px;display:flex}.footer-social{align-items:center;gap:16px;display:flex}.footer-social-link{color:#fffc;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s;display:flex}.footer-social-link:hover{color:#fff;transform:translateY(-2px)}.footer-social-link svg{width:100%;height:100%}.footer-links{align-items:center;gap:8px;font-size:.8rem;display:flex}.footer-link{color:#fffc;text-decoration:none;transition:color .2s}.footer-link:hover{color:#fff}.footer-separator{color:#fff9}.footer-copyright{color:#ffffffb3;text-align:center;font-size:.75rem}.info-block{text-align:left;overflow-wrap:break-word;word-break:break-word;white-space:normal;max-width:100%}.info-logo{width:50%;max-width:320px;height:auto;margin:0 0 12px;display:block}.info-description{color:#ffffffe6;text-shadow:0 1px 4px #00000026;overflow-wrap:break-word;margin:0;font-size:.9rem;font-weight:400;line-height:1.5}.central-buttons{flex-direction:column;justify-content:center;gap:12px;width:100%;display:flex}.central-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#00c853,#00bfa5);border:none;border-radius:30px;width:100%;padding:14px 42px;font-size:.8rem;font-weight:600;transition:transform .2s,box-shadow .2s;position:relative;box-shadow:0 4px 12px #00bfa54d}.central-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00bfa566}.logged-in-container{width:100%}.logged-in-card{-webkit-backdrop-filter:blur(18px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;flex-direction:column;gap:18px;padding:20px;animation:.35s cardEnter;display:flex;box-shadow:0 4px 24px #0000001f,inset 0 1px #ffffff2e}.logged-in-header{align-items:center;gap:14px;display:flex}.logged-in-avatar{color:#00c853;background:#00c8532e;border:1.5px solid #00c85373;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:.95rem;font-weight:800;display:flex;overflow:hidden;box-shadow:0 0 12px #00c85333}.logged-in-avatar svg{width:22px;height:22px}.logged-in-avatar img{object-fit:cover;width:100%;height:100%}.logged-in-text{flex-direction:column;gap:1px;min-width:0;display:flex}.logged-in-greeting{color:#fff9;letter-spacing:.04em;text-transform:uppercase;font-size:.72rem;font-weight:400}.logged-in-name{color:#fff;letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 6px #0003;font-size:1.05rem;font-weight:700;overflow:hidden}.logged-in-actions{flex-direction:column;gap:10px;width:100%;display:flex}.logged-in-enter-btn{background:linear-gradient(90deg,#00c853,#00bfa5);box-shadow:0 4px 14px #00c85359}.logged-in-enter-btn:hover{box-shadow:0 6px 18px #00c85373}.logged-in-sair-btn{box-shadow:none;color:#ffffffd9;background:#ffffff14;border:1px solid #ffffff4d;transition:background .2s,border-color .2s,box-shadow .2s,color .2s}.logged-in-sair-btn:hover{color:#fff;background:#ef53502e;border-color:#ef53508c;transform:translateY(-2px);box-shadow:0 4px 14px #ef535038}.modal,.session-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000004d;justify-content:center;align-items:center;padding:20px;animation:.25s fadeIn;display:none;position:fixed;inset:0}.modal.open,.session-modal-overlay.open,.session-modal-overlay[style*="display: flex"]{display:flex!important}.hidden{display:none!important}.modal-content,.login-modal-content{background:linear-gradient(180deg, var(--color-primary-dark), var(--color-primary));width:100%;max-width:420px;box-shadow:var(--shadow-lg);color:var(--color-text-white);box-sizing:border-box;border:1px solid #ffffff0f;border-radius:14px;padding:28px 24px;animation:.28s slideUp;position:relative}.modal-close{color:#ffffffe6;cursor:pointer;background:0 0;border:none;padding:8px;font-size:1.6rem;line-height:1;transition:color .18s,transform .12s;position:absolute;top:12px;right:12px}.modal-close:hover{color:#fff;transform:scale(1.03)}.modal-close:focus{border-radius:8px;outline:3px solid #ffffff1f}.info-modal-box{width:min(92vw,760px);max-width:760px;max-height:85vh;box-shadow:var(--shadow-lg);background:#fff;border:1px solid #d9d9d9;border-radius:12px;flex-direction:column;animation:.28s slideUp;display:flex;position:relative;overflow:hidden}.info-modal-content{flex-direction:column;flex:1;min-height:0;display:flex}.info-modal-title{color:#111;border-bottom:1px solid #e3e3e3;margin:0;padding:24px 24px 16px;font-size:1.75rem;font-weight:700}.info-modal-close{cursor:pointer;color:#1a1a1a;z-index:6;background:0 0;border:none;justify-content:center;align-items:center;width:40px;height:40px;padding:6px;display:inline-flex;position:absolute;top:20px;right:20px}.info-modal-close svg{width:18px;height:18px}.info-modal-body{-webkit-overflow-scrolling:touch;flex:1;padding:24px;overflow-y:auto}.info-modal-body::-webkit-scrollbar{width:8px}.info-modal-body::-webkit-scrollbar-track{background:#f3f3f3}.info-modal-body::-webkit-scrollbar-thumb{background:#b5b5b5;border-radius:10px}.info-modal-body::-webkit-scrollbar-thumb:hover{background:#9a9a9a}.info-modal-body section{margin-bottom:28px}.info-modal-body h4{color:#111;margin-bottom:12px;font-weight:600}.info-modal-body p{color:#1f1f1f;margin-bottom:12px;line-height:1.6}.central-bg,.modal,.login-modal,.session-modal-overlay{background:var(--gradient-main), url(/img/tip-bg.jpg) center/cover no-repeat;background-size:400% 400%,cover}.central-bg{height:100dvh;min-height:100dvh;position:relative;overflow:hidden}.central-container{box-sizing:border-box;flex-direction:column;align-items:flex-start;width:100%;max-width:460px;display:flex;position:absolute;top:50%;left:min(80%,100% - 254px);transform:translate(-50%,-50%)}.login-box,.password-reset-box{background:#fff;border:1px solid #fff6;width:100%;position:relative;overflow:hidden;box-shadow:0 24px 60px #00a65140,inset 0 0 0 1px #fff6}.login-box{border-radius:32px;max-width:380px;animation:.4s cubic-bezier(.25,.46,.45,.94) slideUpModal}.login-content{padding:32px 24px}.login-title{color:#1a2e22;text-align:center;letter-spacing:-.5px;margin:0 0 32px;font-size:2rem;font-weight:400}.login-body{flex-direction:column;gap:16px;margin-bottom:24px;padding:0 8px;display:flex}.login-glass-row{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#1a2e22;background:#ffffff59;border:1px solid #fff9;border-radius:24px;align-items:center;gap:14px;padding:14px 20px;transition:transform .2s,background .2s;display:flex;box-shadow:0 4px 16px #0000000a,inset 0 1px 1px #fff9}.login-glass-row:hover{background:#ffffff80;transform:translateY(-1px)}.login-glass-row:focus-within{background:#fff9;border-color:#00bfa580;box-shadow:0 6px 20px #00a65126,inset 0 1px 1px #fff9}.login-glass-row.error{background:#ffdcdc4d;border-color:#dc262680}.login-glass-row.error .login-icon{color:#dc2626}.login-icon{color:#4a5d52;opacity:.8;justify-content:center;align-items:center;display:flex}.login-icon svg{width:20px;height:20px}.login-data{flex:1;align-items:center;display:flex}.login-data input{color:#2d4036;background:0 0;border:none;outline:none;width:100%;padding:0;font-size:.95rem;font-weight:400}.login-data input::placeholder{color:#6b7c72;opacity:.7}.login-forgot-password{margin:8px 0 16px;padding:0 8px}.forgot-password-link{color:#00a651;font-size:.85rem;text-decoration:none;transition:color .2s}.forgot-password-link:hover{color:#00c853;text-decoration:underline}.password-reset-box{border-radius:28px;max-width:440px}.password-reset-content{flex-direction:column;gap:24px;padding:36px 32px;display:flex}.password-reset-header{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.password-reset-icon{color:#00c853;background:linear-gradient(135deg,#00c85326 0%,#00bfa51a 100%);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:8px;display:flex;box-shadow:inset 0 0 0 1px #00c85333,0 8px 16px #00c8531a}.password-reset-icon svg{stroke-width:2.5px;width:28px;height:28px}.password-reset-title{color:#1a2e22;letter-spacing:-.5px;margin:0;font-size:1.65rem;font-weight:700}.password-reset-message{color:#5c7064;max-width:320px;margin:0;font-size:.95rem;line-height:1.5}.password-reset-form{flex-direction:column;gap:18px;display:flex}.password-reset-group{gap:8px;display:grid}.password-reset-group.hidden{display:none!important}.password-reset-label{color:#2d4036;margin-left:4px;font-size:.9rem;font-weight:600}.password-reset-input{box-sizing:border-box;color:#1a2e22;background:#f7faf8;border:1px solid #d5dfd9;border-radius:14px;width:100%;padding:14px 16px;font-size:.95rem;transition:all .2s}.password-reset-input::placeholder{color:#8a9591}.password-reset-input:hover{background:#fff;border-color:#00c85366}.password-reset-input:focus{background:#fff;border-color:#00c85399;outline:none;box-shadow:0 0 0 4px #00c85326}:root{--success-color:#0f8d4c}.password-reset-error{color:#dc2626;text-align:center;background:#dc262614;border:1px solid #dc262633;border-radius:10px;margin:0;padding:10px 12px;font-size:.88rem;line-height:1.4}.password-reset-error.success{color:var(--success-color)}.password-reset-actions{gap:14px;margin-top:8px;display:flex}.password-reset-cancel,.password-reset-confirm{cursor:pointer;border:none;border-radius:999px;flex:1;padding:14px 16px;font-size:.95rem;font-weight:600}.password-reset-cancel{color:#4a5d52;background:#f0f4f2}.password-reset-cancel:hover{color:#1a2e22;background:#e1e9e4}.password-reset-confirm{color:#fff;background:linear-gradient(90deg,#00c853,#00bfa5);position:relative;box-shadow:0 4px 12px #00bfa540}.password-reset-confirm:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00bfa559}.password-reset-confirm:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.login-error{color:#991b1b;background:#dc26261a;border:1px solid #dc26264d;border-radius:16px;align-items:center;gap:10px;margin:0 8px 16px;padding:12px 16px;font-size:.9rem;animation:.4s shake;display:none}.login-error.open,.login-error[aria-hidden=false],.login-error:not([hidden]){display:flex}.login-error svg{color:#dc2626;flex-shrink:0;width:18px;height:18px}.login-footer{flex-direction:column;justify-content:center;gap:12px;padding-bottom:8px;display:flex}.login-submit-row{justify-content:center;align-items:center;gap:12px;width:100%;display:flex}.login-submit-btn{cursor:pointer;color:#fff;background:linear-gradient(90deg,#00c853,#00bfa5);border:none;border-radius:30px;flex:1;padding:14px 42px;font-weight:600;transition:transform .2s,box-shadow .2s,border-color .2s,color .2s;position:relative}.login-submit-btn:hover{transform:translateY(-2px)}.login-submit-btn:active{transform:translateY(0)}.login-submit-btn:disabled{opacity:.6;cursor:not-allowed}.login-client-btn{color:#00a651;background:#fff}.login-client-btn:disabled,.login-client-btn:disabled:hover{color:#8a9591;opacity:.75;cursor:not-allowed;box-shadow:none;background:#eef3f0;border-color:#d5dfd9;transform:none}.login-client-btn:disabled:before{display:none}.login-submit-btn.loading,.password-reset-confirm.loading,.logged-in-sair-btn.loading{cursor:wait;position:relative;color:#0000!important}.login-submit-btn .spinner,.password-reset-confirm .spinner,.logged-in-sair-btn .spinner{z-index:2;border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite login-spin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.login-client-btn.loading .spinner{border-color:#00a651 #00a65133 #00a65133}.login-welcome-side{display:none}@media (width<=480px){.info-block{text-align:center;max-width:100%;margin-bottom:20px;padding:0 16px}.info-logo{max-width:260px;margin:0 auto 12px}.info-description{font-size:.9rem;font-weight:400;line-height:1.5}.login-modal{align-items:flex-end}.login-modal-content{border-radius:18px 18px 0 0;max-width:100%;padding:20px}.info-modal-box{border-radius:0;max-width:100%;max-height:95vh}.info-modal-title{padding:18px 56px 12px 18px;font-size:1.35rem}.info-modal-body{padding:18px}.info-modal-close{width:32px;height:32px;top:12px;right:12px}}@media (width<=768px){.central-container{max-width:90%;top:65%;left:50%;transform:translate(-50%,-50%)}.footer{padding:16px 20px}.footer-content{gap:10px}.footer-social{gap:20px}.footer-social-link{width:18px;height:18px}.footer-links{font-size:.75rem}.footer-copyright{font-size:.7rem}.modal-content{width:95%;max-height:90dvh;padding:24px 20px;overflow-y:auto}.session-modal-overlay#login-modal{align-items:flex-end;padding:0}.login-box{border-radius:24px 24px 0 0;width:100%;max-width:100%;margin:0}.login-content{padding:54px 20px}.login-glass-row{padding:12px 16px}.login-title{margin-bottom:24px;font-size:1.75rem}.login-submit-btn,.login-client-btn{width:100%;padding:12px 24px;font-size:.95rem}}@media (width>=769px){.central-buttons{flex-direction:row;align-items:center;gap:16px}.central-btn{flex:1;width:auto;min-width:0}.logged-in-actions{flex-direction:row;gap:12px}.logged-in-actions .central-btn{flex:1;min-width:0}.logged-in-card{gap:20px;padding:22px 24px}.central-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff26;border:1px solid #ffffff40;border-radius:16px;gap:24px;padding:40px 36px;box-shadow:0 8px 32px #00000026}}@media (width>=900px){.login-welcome-side{background-color:#0000;background-image:linear-gradient(135deg,#1dbf62d9,#0ea35ad9),url(/img/grade.png);background-position:50%,50%;background-repeat:no-repeat,no-repeat;background-size:cover,cover;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;justify-content:center;align-items:flex-end;width:58%;padding:0;display:flex;position:relative;overflow:hidden}.login-welcome-image{object-fit:contain;object-position:bottom;filter:drop-shadow(0 10px 30px #0003);max-width:120%;height:auto}.login-box{background:0 0;border-radius:24px;align-items:stretch;width:900px;max-width:900px;min-height:460px;padding:0;display:flex;overflow:hidden;box-shadow:0 24px 60px #00a65140}.login-content{background:#fff;border-radius:0 24px 24px 0;flex-direction:column;justify-content:center;width:42%;margin-left:auto;padding:40px 36px;display:flex}.login-title{text-align:left;color:#2b2f2c;margin-bottom:20px;font-size:1.8rem;font-weight:700}.login-body{gap:14px;padding:0}.login-glass-row{box-shadow:none;background:#f6f8f7;border:1px solid #e2e8e5;border-radius:999px;padding:12px 18px}.login-glass-row:hover{background:#f1f5f3;transform:none}.login-glass-row:focus-within{border-color:#00bf5c80;box-shadow:0 0 0 3px #00bf5c1f}.login-icon{color:#9aa3a0;opacity:1}.login-data input{color:#2b2f2c;font-size:.95rem}.login-data input::placeholder{color:#9aa3a0;opacity:1}.login-error{border-radius:12px;margin:12px 0 18px}.login-footer{justify-content:flex-start}.login-submit-btn{background:linear-gradient(90deg,#00d36f,#00b85f);border-radius:999px;width:100%;box-shadow:0 8px 20px #00b85f40}.login-submit-btn:hover{box-shadow:0 10px 24px #00b85f52}.login-submit-btn{flex:none}}