.student-demo-page{--red:#c81018;--black:#080808;color:#171717;background:#111;min-height:100vh;padding:24px}.student-demo-page *{box-sizing:border-box}.student-demo-shell{background:#f2f2f0;border-radius:28px;grid-template-columns:.72fr 1.28fr;width:min(1280px,100%);min-height:calc(100vh - 48px);margin:0 auto;display:grid;overflow:hidden;box-shadow:0 30px 90px #00000073}.student-demo-intro{color:#fff;background:linear-gradient(145deg,#171717,#030303);flex-direction:column;justify-content:space-between;padding:38px;display:flex}.student-demo-brand{color:#fff;align-items:center;gap:12px;display:flex}.student-demo-brand img{object-fit:cover;border-radius:50%;width:58px;height:58px}.student-demo-brand span{display:grid}.student-demo-brand strong{text-transform:uppercase;font-size:1.25rem}.student-demo-brand small{color:#999;letter-spacing:.12em;text-transform:uppercase}.student-demo-tag{background:var(--red);letter-spacing:.1em;text-transform:uppercase;border-radius:999px;padding:7px 11px;font-size:.7rem;font-weight:900;display:inline-flex}.student-demo-intro h1{letter-spacing:-.055em;margin:18px 0;font-size:clamp(2.5rem,4.5vw,4.6rem);line-height:.98}.student-demo-intro p{color:#c7c7c7;font-size:1.02rem}.student-back{color:#aaa;font-size:.86rem}.student-demo-content{padding:32px}.student-demo-warning{background:#fff;border:1px solid #e7b9bc;border-radius:12px;justify-content:space-between;gap:20px;padding:15px 18px;display:flex}.student-demo-warning strong{color:var(--red)}.student-demo-warning span{color:#707070}.student-login-card,.student-preview{background:#fff;border:1px solid #ddd;border-radius:18px;margin-top:18px;padding:24px}.student-login-card header small,.student-preview small{color:#888;text-transform:uppercase}.student-login-card h2,.student-preview h2{margin:4px 0 0}.student-login-card form{grid-template-columns:1fr 1fr auto;align-items:end;gap:12px;margin-top:18px;display:grid}.student-login-card label{gap:6px;display:grid}.student-login-card label span{color:#555;font-size:.78rem;font-weight:800}.student-login-card input,.student-login-card button{border-radius:9px;min-height:44px;padding:10px 12px}.student-login-card input{background:#fff;border:1px solid #d7d7d7}.student-login-card button{background:var(--red);color:#fff;border:0;font-weight:850}.student-real-login{max-width:680px;margin:70px auto 0}.student-real-login header p{color:#777}.student-login-error{color:#9b1017;background:#fff1f2;border:1px solid #efb9bc;border-radius:9px;margin-top:15px;padding:12px}.student-login-note{color:#777;margin-top:16px;display:block}.student-recovery-toggle{cursor:pointer;margin-top:14px;text-decoration:underline;color:#9b1017!important;background:0 0!important;min-height:auto!important;padding:0!important}.student-login-card .student-recovery-form{border-top:1px solid #e5e5e5;grid-template-columns:1fr auto;margin-top:14px;padding-top:14px}.student-recovery-message{color:#17662d;grid-column:1/-1;margin:0;font-size:.9rem}.student-login-card .student-reset-form{grid-template-columns:1fr 1fr}.student-reset-success{color:#17662d;background:#eef9f1;border:1px solid #b9dfc3;border-radius:9px;margin-top:15px;padding:12px}.student-reset-login-link{background:var(--red);color:#fff;border-radius:9px;align-items:center;min-height:44px;margin-top:18px;padding:10px 16px;font-weight:850;display:inline-flex}.student-preview-head{justify-content:space-between;align-items:center;gap:20px;display:flex}.student-profile-heading{align-items:center;gap:13px;display:flex}.student-profile-heading>img,.student-profile-heading>span{object-fit:cover;border-radius:50%;flex:0 0 62px;width:62px;height:62px}.student-profile-heading>span{color:#fff;background:#111;place-items:center;font-size:1.5rem;font-weight:900;display:grid}.student-live-preview{margin-top:0}.student-logout{color:#333;background:#fff;border:1px solid #ccc;border-radius:8px;min-height:38px;padding:8px 13px;font-weight:800}.student-account-status{text-transform:uppercase;border-radius:999px;margin-top:12px;padding:6px 10px;font-size:.7rem;font-weight:900;display:inline-flex}.student-account-status.ativo{color:#17662d;background:#dff4e5}.student-status{color:#777;text-transform:uppercase;background:#eee;border-radius:999px;padding:7px 11px;font-size:.73rem;font-weight:900}.student-info-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px;display:grid}.student-info-grid article{background:#fafafa;border:1px solid #e4e4e4;border-radius:11px;gap:5px;padding:15px;display:grid}.student-info-grid span{color:#777;text-transform:uppercase;font-size:.72rem}.student-payment-box{color:#fff;background:#111;border-radius:14px;justify-content:space-between;align-items:center;gap:18px;margin-top:18px;padding:20px;display:flex}.student-payment-box h3{margin:5px 0}.student-payment-box p{color:#aaa;margin:0}.student-payment-box button{background:var(--red);color:#fff;opacity:.6;border:0;border-radius:9px;min-height:44px;padding:10px 16px;font-weight:850}.student-history{margin-top:20px}.student-history>div{color:#777;text-align:center;border:1px dashed #ccc;border-radius:12px;place-items:center;gap:6px;min-height:150px;padding:25px;display:grid}.student-history>div span{color:#999}.student-history>.student-history-list{text-align:left;border:0;grid-template-columns:1fr 1fr;gap:10px;min-height:0;padding:0;display:grid}.student-history-list article{background:#fafafa;border:1px solid #ddd;border-radius:10px;gap:4px;width:100%;padding:14px;display:grid}.student-history-list article span,.student-history-list article small{color:#777}.student-password-panel{background:#fff;border:1px solid #e4e4e4;border-radius:18px;justify-content:space-between;align-items:center;gap:24px;margin-top:20px;padding:22px;display:flex}.student-password-panel small{color:var(--red);text-transform:uppercase;font-weight:850}.student-password-panel h3{margin:4px 0}.student-password-panel p{color:#666;margin:0}.student-password-panel button,.student-password-form button{background:var(--red);color:#fff;cursor:pointer;border:0;border-radius:10px;min-height:44px;padding:11px 16px;font-weight:850}.student-password-form{background:#fff;border:1px solid #e4e4e4;border-radius:18px;gap:14px;margin-top:14px;padding:22px;display:grid}.student-password-form h3{margin:0}.student-password-form label{gap:6px;display:grid}.student-password-form label span{font-weight:800}.student-password-form input{font:inherit;border:1px solid #cfcfcf;border-radius:10px;min-height:46px;padding:10px 12px}.student-password-form button:disabled{cursor:wait;opacity:.65}.student-password-form>small{color:#666}@media (max-width:900px){.student-demo-shell{grid-template-columns:1fr}.student-demo-intro{gap:45px}}@media (max-width:650px){.student-demo-page{padding:0}.student-demo-shell{border-radius:0;min-height:100vh}.student-demo-intro,.student-demo-content{padding:24px 18px}.student-demo-warning,.student-payment-box{flex-direction:column;align-items:flex-start}.student-login-card form,.student-info-grid,.student-login-card .student-recovery-form,.student-login-card .student-reset-form,.student-history>.student-history-list{grid-template-columns:1fr}.student-password-panel{flex-direction:column;align-items:stretch}.student-password-panel button{width:100%}}
