:root{--color-brand-gray:#f5f5f5;--color-brand-pink:#eeafa9;--color-brand-blue:#47afe5;--color-brand-green:#75d1b4;--color-brand-yellow:#ff6b6b;--color-brand-purple:#f96653;--color-brand-black:#1e1e1e;--color-brand-white:#fffeff;--color-brand-text:#1e1e1e;--color-background:#f5f5f5;--color-accent:#eeafa9;--color-title:#1e1e1e;--color-text:#5c5c5c;--color-subtitle:#e0e0e0;--color-border:#1e1e1e20;--award-gold:#ff6b6b;--award-silver:#d9dee6;--award-bronze:#c81e1e;--award-gold-deep:#8b0000;--hero-accent:#ff8a8a;--hero-accent-soft:#ff9a9a;--hero-accent-glow:#ff6b6b59;--gradient-hero-highlight:linear-gradient(135deg, #ffd6d6 0%, #ff9a9a 45%, #ff5c5c 100%);--gradient-award:linear-gradient(135deg, #ffb3b3 0%, var(--award-gold) 42%, #8b0000 100%);--gradient-ribbon:linear-gradient(135deg, var(--color-brand-blue) 0%, var(--color-brand-green) 28%, var(--color-brand-yellow) 58%, var(--color-brand-pink) 82%, var(--color-brand-purple) 100%);--glow-award:0 0 0 1px #f5474773, 0 6px 22px #da0b0b47;--glow-award-hover:0 0 0 1px #f54747b3, 0 10px 34px #da0b0b73;--bg-gradient-onyx:linear-gradient(to bottom right, #2b2b2f 3%, var(--color-brand-black) 97%);--bg-gradient-jet:linear-gradient(to bottom right, #ffffff0d 0%, #fff0 100%), #242427;--bg-gradient-yellow-1:linear-gradient(to bottom right, var(--award-gold) 0%, #f330 50%);--bg-gradient-yellow-2:linear-gradient(135deg, #ff3d3d38 0%, #f330 59.86%), var(--color-brand-black);--border-gradient-onyx:linear-gradient(to bottom right, #f5474761 0%, #f5474700 50%);--text-gradient-yellow:var(--gradient-award);--jet:#38383f;--onyx:#2c2c31;--eerie-black-1:#1b1b1d;--eerie-black-2:#242427;--smoky-black:var(--color-brand-black);--white-1:var(--color-brand-white);--white-2:var(--color-brand-white);--orange-yellow-crayola:var(--award-gold);--vegas-gold:#8b0000;--light-gray:#d8d8dd;--light-gray-70:#d9d9d9b3;--bittersweet-shimmer:var(--color-brand-purple);--ff-poppins:"Poppins", sans-serif;--fs-1:24px;--fs-2:18px;--fs-3:17px;--fs-4:16px;--fs-5:15px;--fs-6:14px;--fs-7:13px;--fs-8:11px;--fw-300:300;--fw-400:400;--fw-500:500;--fw-600:600;--shadow-1:-4px 8px 24px #00000059;--shadow-2:0 16px 30px #00000052;--shadow-3:0 16px 40px #00000059;--shadow-4:0 25px 50px #00000040;--shadow-5:0 24px 80px #0006;--transition-1:.25s ease;--transition-2:.5s ease-in-out}*,:before,:after{box-sizing:border-box;margin:0;padding:0}a{text-decoration:none}li{list-style:none}img,ion-icon,a,button,time,span{display:block}button{font:inherit;text-align:left;cursor:pointer;background:0 0;border:none}input,textarea{width:100%;font:inherit;background:0 0;display:block}::selection{background:var(--color-brand-yellow);color:var(--color-brand-black)}:focus{outline-color:var(--color-brand-yellow)}html{font-family:var(--ff-poppins)}body{background:var(--smoky-black)}.sidebar,article{z-index:1;border:1px solid var(--jet);box-shadow:none;background:0 0;border-radius:20px;padding:15px;position:relative}.separator{background:var(--jet);width:100%;height:1px;margin:16px 0}.icon-box{background:var(--border-gradient-onyx);width:30px;height:30px;color:var(--orange-yellow-crayola);box-shadow:var(--shadow-1);z-index:1;border-radius:8px;justify-content:center;align-items:center;font-size:16px;display:flex;position:relative}.icon-box:before{content:"";background:var(--eerie-black-1);border-radius:inherit;z-index:-1;position:absolute;inset:1px}.icon-box ion-icon{--ionicon-stroke-width:35px}article{display:none}article.active{animation:.5s backwards fade;display:block}@keyframes fade{0%{opacity:0}to{opacity:1}}.h2,.h3,.h4,.h5{color:var(--white-2);text-transform:capitalize}.h2{font-size:var(--fs-1)}.h3{font-size:var(--fs-2)}.h4{font-size:var(--fs-4)}.h5{font-size:var(--fs-7);font-weight:var(--fw-500)}.article-title{padding-bottom:7px;position:relative}.article-title:after{content:"";background:var(--text-gradient-yellow);border-radius:3px;width:30px;height:3px;position:absolute;bottom:0;left:0}.has-scrollbar::-webkit-scrollbar{width:5px;height:5px}.has-scrollbar::-webkit-scrollbar-track{background:var(--onyx);border-radius:5px}.has-scrollbar::-webkit-scrollbar-thumb{background:var(--orange-yellow-crayola);border-radius:5px}.has-scrollbar::-webkit-scrollbar-button{width:20px}.content-card{background:var(--border-gradient-onyx);box-shadow:var(--shadow-2);cursor:pointer;z-index:1;border-radius:14px;padding:45px 15px 15px;position:relative}.content-card:before{content:"";background:var(--bg-gradient-jet);border-radius:inherit;z-index:-1;position:absolute;inset:1px}main{min-width:259px;margin:15px 12px 75px}.sidebar{z-index:1;max-height:112px;transition:var(--transition-2);scrollbar-width:none;-ms-overflow-style:none;margin-bottom:0;position:relative;overflow:hidden}.sidebar::-webkit-scrollbar{width:0;height:0;display:none}.sidebar.active{overscroll-behavior:contain;max-height:100vh;overflow-y:auto}.sidebar-info{justify-content:flex-start;align-items:center;gap:15px;display:flex;position:relative}.avatar-box{-webkit-backdrop-filter:blur(10px);background:#fff6;border-radius:20px}.info-content .name{color:var(--white-2);font-size:var(--fs-3);font-weight:var(--fw-500);letter-spacing:-.25px;margin-bottom:10px}.info-content .title{color:var(--white-1);background:var(--onyx);font-size:var(--fs-8);font-weight:var(--fw-300);border-radius:8px;align-items:center;gap:8px;width:max-content;padding:3px 12px;display:flex}.status-dot{background-color:#28c76f;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-green;display:inline-block;position:relative;box-shadow:0 0 #28c76fb3}@keyframes pulse-green{0%{transform:scale(.95);box-shadow:0 0 #28c76fb3}70%{transform:scale(1);box-shadow:0 0 0 6px #28c76f00}to{transform:scale(.95);box-shadow:0 0 #28c76f00}}.info_more-btn{color:var(--orange-yellow-crayola);background:var(--border-gradient-onyx);box-shadow:var(--shadow-2);transition:var(--transition-1);z-index:1;border-radius:0 15px;padding:10px;font-size:13px;position:absolute;top:-15px;right:-15px}.info_more-btn:before{content:"";border-radius:inherit;background:var(--bg-gradient-jet);transition:var(--transition-1);z-index:-1;position:absolute;inset:1px}.info_more-btn:hover,.info_more-btn:focus{background:var(--bg-gradient-yellow-1)}.info_more-btn:hover:before,.info_more-btn:focus:before{background:var(--bg-gradient-yellow-2)}.info_more-btn span{display:none}.sidebar-info_more{opacity:0;visibility:hidden;transition:var(--transition-2)}.sidebar.active .sidebar-info_more{opacity:1;visibility:visible}.contacts-list{grid-template-columns:1fr;gap:16px;display:grid}.contact-item{align-items:center;gap:16px;min-width:100%;display:flex}.contact-info{width:calc(100% - 46px);max-width:calc(100% - 46px)}.contact-title{color:var(--light-gray-70);font-size:var(--fs-8);text-transform:uppercase;margin-bottom:2px}.contact-info :is(.contact-link,time,address){color:var(--white-2);font-size:var(--fs-7)}.contact-info address{font-style:normal}.social-list{justify-content:flex-start;align-items:center;gap:15px;padding-bottom:4px;padding-left:7px;display:flex}.social-item .social-link{color:var(--light-gray-70);font-size:18px}.social-item .social-link:hover{color:var(--light-gray)}@keyframes borderShine{0%,to{box-shadow:0 0 3px 0 var(--orange-yellow-crayola)}50%{box-shadow:0 0 10px 2px var(--orange-yellow-crayola)}}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--orange-yellow-crayola);width:100%;box-shadow:var(--shadow-2);z-index:5;background:#2b2b2cbf;border-radius:12px 12px 0 0;animation:2s infinite borderShine;position:fixed;bottom:0;left:0}.navbar-list{flex-wrap:wrap;justify-content:center;align-items:center;gap:0 clamp(6px,2.2vw,26px);padding:0 clamp(10px,3vw,28px);display:flex}.navbar-link{color:var(--light-gray);font-size:var(--fs-8);transition:color var(--transition-1);padding:20px 7px}.navbar-link:hover,.navbar-link:focus{color:var(--light-gray-70)}@keyframes beat{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.navbar-link.active{color:var(--orange-yellow-crayola);animation:1s infinite beat}.mobile-hamburger,.mobile-menu-popup,.mobile-menu-backdrop{display:none}@media (width<=1023px){.navbar-desktop{display:none!important}.mobile-hamburger{background:var(--eerie-black-1);border:1px solid var(--orange-yellow-crayola);z-index:20;cursor:pointer;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:50px;height:50px;transition:background .25s,transform .25s;display:flex;position:fixed;bottom:24px;right:20px;box-shadow:0 4px 24px #0006}.mobile-hamburger:active{transform:scale(.93)}.hamburger-line{background:var(--orange-yellow-crayola);border-radius:2px;width:22px;height:2px;transition:transform .3s,opacity .3s;display:block}.mobile-hamburger.open .hamburger-line:first-child{transform:translateY(7px)rotate(45deg)}.mobile-hamburger.open .hamburger-line:nth-child(2){opacity:0}.mobile-hamburger.open .hamburger-line:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-menu-popup{background:var(--eerie-black-1);border:1px solid var(--jet);z-index:19;opacity:0;visibility:hidden;border-radius:16px;min-width:160px;padding:10px 0;transition:opacity .25s,transform .25s,visibility .25s;display:block;position:fixed;bottom:24px;right:80px;transform:translate(20px)scale(.9);box-shadow:0 8px 32px #00000080}.mobile-menu-popup.open{opacity:1;visibility:visible;transform:translate(0)scale(1)}.mobile-menu-list{margin:0;padding:0;list-style:none}.mobile-menu-link{width:100%;color:var(--light-gray);font-size:var(--fs-6);font-weight:var(--fw-400);font-family:var(--ff-poppins);cursor:pointer;letter-spacing:.3px;background:0 0;border:none;align-items:center;padding:12px 24px;text-decoration:none;transition:background .2s,color .2s;display:flex}.mobile-menu-link:hover{color:var(--white-1);background:#ffffff0d}.mobile-menu-link.active{color:var(--orange-yellow-crayola);font-weight:var(--fw-500);background:#ff707014}.mobile-menu-backdrop{z-index:18;background:#0000004d;display:block;position:fixed;inset:0}}.about .article-title{margin-bottom:15px}.about-text{color:var(--light-gray);font-size:var(--fs-6);font-weight:var(--fw-300);line-height:1.6}.about-text p{margin-bottom:15px}.about-brand-card{transition:transform .3s,box-shadow .3s}.about-brand-card:hover{cursor:default!important}.about-logo-wrapper{transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s,border-color .3s}.about-brand-card:hover .about-logo-wrapper{border-color:var(--orange-yellow-crayola);transform:translateY(-3px)scale(1.04);box-shadow:0 12px 28px #00000073,0 0 20px #f29e0d4d}[data-theme=light] .about-logo-wrapper{background:#fff;border-color:#f29e0d80;box-shadow:0 6px 18px #0000001f}.service{margin-bottom:35px}.service-title{margin-bottom:20px}.service-list{grid-template-columns:1fr;gap:20px;display:grid}.service-item{background:var(--border-gradient-onyx);box-shadow:var(--shadow-2);z-index:1;border-radius:14px;padding:20px;position:relative}.service-item:before{content:"";background:var(--bg-gradient-jet);border-radius:inherit;z-index:-1;position:absolute;inset:1px}.service-item:hover,.service-item:active{background:var(--orange-yellow-crayola);border-color:var(--orange-yellow-crayola);cursor:pointer;animation:2s infinite borderShine}.service-icon-box{margin-bottom:10px}.service-icon-box img{margin:auto}.service-content-box{text-align:center}.service-item-title{margin-bottom:7px}.service-item-text{color:var(--light-gray);font-size:var(--fs-6);font-weight:var(--fw-3);line-height:1.6}.service-continue{color:var(--orange-yellow-crayola);font-size:var(--fs-7);font-weight:var(--fw-5);cursor:pointer;transition:var(--transition-1);margin-top:10px;display:inline-block}.service-continue:hover{color:var(--bright-orange);text-decoration:underline}.service-fee-list{margin-top:12px;padding:0;list-style:none}.service-fee-list li{color:var(--orange-yellow-crayola);font-size:var(--fs-6);font-weight:var(--fw-4);margin-bottom:4px}.service-fee-list li:before{content:"✓ ";font-weight:var(--fw-7)}.testimonials{margin-bottom:30px}.testimonials-title{margin-bottom:20px}.testimonials-list{scroll-behavior:smooth;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;justify-content:flex-start;align-items:flex-start;gap:15px;margin:0 -15px;padding:25px 15px 35px;display:flex;overflow-x:auto}.testimonials-item{scroll-snap-align:center;min-width:100%}.testimonials-avatar-box{background:var(--bg-gradient-onyx);box-shadow:var(--shadow-1);border-radius:14px;position:absolute;top:0;left:0;transform:translate(15px,-25px)}.testimonials-item-title{margin-bottom:7px}.testimonials-text{color:var(--light-gray);font-size:var(--fs-6);font-weight:var(--fw-300);line-clamp:4;-webkit-line-clamp:4;-webkit-box-orient:vertical;line-height:1.6;display:-webkit-box;overflow:hidden}.modal-container{overscroll-behavior:contain;z-index:20;pointer-events:none;visibility:hidden;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.modal-container::-webkit-scrollbar{display:none}.modal-container.active{pointer-events:all;visibility:visible}.overlay{background:var(--color-brand-black);opacity:0;visibility:hidden;pointer-events:none;z-index:1;width:100%;height:100vh;transition:var(--transition-1);position:fixed;top:0;left:0}.overlay.active{opacity:.8;visibility:visible;pointer-events:all}.testimonials-modal{background:var(--eerie-black-2);border:1px solid var(--jet);box-shadow:var(--shadow-5);opacity:0;transition:var(--transition-1);z-index:2;border-radius:14px;margin:15px 12px;padding:15px;position:relative;transform:scale(1.2)}.modal-container.active .testimonials-modal{opacity:1;transform:scale(1)}.modal-close-btn{background:var(--onyx);width:32px;height:32px;color:var(--white-2);opacity:.7;border-radius:8px;justify-content:center;align-items:center;font-size:18px;display:flex;position:absolute;top:15px;right:15px}.modal-close-btn:hover,.modal-close-btn:focus{opacity:1}.modal-close-btn ion-icon{--ionicon-stroke-width:50px}.modal-avatar-box{background:var(--bg-gradient-onyx);width:max-content;box-shadow:var(--shadow-2);border-radius:14px;margin-bottom:15px}.modal-img-wrapper>img{display:none}.modal-title{margin-bottom:4px}.modal-content time{font-size:var(--fs-6);color:var(--light-gray-70);font-weight:var(--fw-300);margin-bottom:10px}.modal-content p{color:var(--light-gray);font-size:var(--fs-6);font-weight:var(--fw-300);line-height:1.6}.clients{margin-bottom:15px}.clients-list{scroll-behavior:smooth;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;justify-content:flex-start;align-items:flex-start;gap:15px;margin:0 -15px;padding:25px;scroll-padding-inline:25px;display:flex;overflow-x:auto}.clients-item{scroll-snap-align:start;min-width:50%}.clients-item img{filter:grayscale();width:100%;transition:var(--transition-1)}.clients-item img:hover{filter:grayscale(0)}.article-title,.timeline{margin-bottom:30px}.timeline .title-wrapper{align-items:center;gap:15px;margin-bottom:25px;display:flex}.timeline-list{font-size:var(--fs-6);margin-left:45px}.timeline-item{position:relative}.timeline-item:not(:last-child){margin-bottom:20px}.timeline-item-title{font-size:var(--fs-5);margin-bottom:8px;line-height:1.4}.timeline-list span{color:var(--vegas-gold);font-weight:var(--fw-500);line-height:1.6;font-size:var(--fs-7);letter-spacing:.5px;background:#da8e0b1a;border:1px solid #da8e0b40;border-radius:50px;margin-bottom:10px;padding:2px 10px;display:inline-block}.timeline-item:not(:last-child):before{content:"";background:var(--jet);width:1px;height:calc(100% + 50px);position:absolute;top:-25px;left:-30px}.timeline-item:after{content:"";background:var(--text-gradient-yellow);width:6px;height:6px;box-shadow:0 0 0 4px var(--jet);border-radius:50%;position:absolute;top:5px;left:-33px}.timeline-text{color:var(--light-gray);font-weight:var(--fw-300);line-height:1.6}.skills-title{margin-bottom:20px}.skills-list{padding:20px}.skills-item:not(:last-child){margin-bottom:15px}.skill .title-wrapper{align-items:center;gap:5px;margin-bottom:8px;display:flex}.skill .title-wrapper data{color:var(--light-gray);font-size:var(--fs-7);font-weight:var(--fw-300)}.skill-progress-bg{background:var(--jet);border-radius:10px;width:100%;height:8px}.skill-progress-fill{background:var(--text-gradient-yellow);border-radius:inherit;height:100%}.filter-list{display:none}.filter-select-box{margin-bottom:25px;position:relative}.filter-select{background:var(--eerie-black-2);color:var(--light-gray);border:1px solid var(--jet);width:100%;font-size:var(--fs-6);font-weight:var(--fw-300);border-radius:14px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.filter-select.active .select-icon{transform:rotate(.5turn)}.select-list{background:var(--eerie-black-2);border:1px solid var(--jet);z-index:2;opacity:0;visibility:hidden;pointer-events:none;border-radius:14px;width:100%;padding:6px;transition:all .15s ease-in-out;position:absolute;top:calc(100% + 6px)}.filter-select.active+.select-list{opacity:1;visibility:visible;pointer-events:all}.select-item button{background:var(--eerie-black-2);color:var(--light-gray);font-size:var(--fs-6);font-weight:var(--fw-300);text-transform:capitalize;border-radius:8px;width:100%;padding:8px 10px}.select-item button:hover{--eerie-black-2:#32323a}.project-list{grid-template-columns:1fr;gap:30px;margin-bottom:10px;display:grid}.project-item{display:none}.project-item.active{animation:.25s forwards scaleUp;display:block}@keyframes scaleUp{0%{transform:scale(.5)}to{transform:scale(1)}}.project-item>a{width:100%}.project-img{border-radius:16px;width:100%;height:200px;margin-bottom:15px;position:relative;overflow:hidden}.project-img:before{content:"";z-index:1;width:100%;height:100%;transition:var(--transition-1);background:0 0;position:absolute;top:0;left:0}.project-item>a:hover .project-img:before{background:#00000080}.project-item-icon-box{--scale:.8;background:var(--jet);color:var(--orange-yellow-crayola);transform:translate(-50%, -50%) scale(var(--scale));opacity:0;z-index:1;transition:var(--transition-1);border-radius:12px;padding:18px;font-size:20px;position:absolute;top:50%;left:50%}.project-item>a:hover .project-item-icon-box{--scale:1;opacity:1}.project-item-icon-box ion-icon{--ionicon-stroke-width:50px}.project-img img{object-fit:cover;width:100%;height:100%;transition:var(--transition-1)}.project-item>a:hover img{transform:scale(1.1)}.project-title,.project-category{margin-left:10px}.project-title{color:var(--white-2);font-size:var(--fs-5);font-weight:var(--fw-400);text-transform:capitalize;line-height:1.3}.project-category{color:var(--light-gray-70);font-size:var(--fs-6);font-weight:var(--fw-300)}.blog-posts{margin-bottom:10px}.blog-posts-list{grid-template-columns:1fr;gap:20px;display:grid}.blog-post-item>a{background:var(--border-gradient-onyx);height:100%;box-shadow:var(--shadow-4);z-index:1;border-radius:16px;position:relative}.blog-post-item>a:before{content:"";border-radius:inherit;background:var(--eerie-black-1);z-index:-1;position:absolute;inset:1px}.blog-banner-box{border-radius:12px;width:100%;height:200px;overflow:hidden}.blog-banner-box img{object-fit:cover;width:100%;height:100%;transition:var(--transition-1)}.blog-post-item>a:hover .blog-banner-box img{transform:scale(1.1)}.blog-content{padding:15px}.blog-meta{justify-content:flex-start;align-items:center;gap:7px;margin-bottom:10px;display:flex}.blog-meta :is(.blog-category,time){color:var(--light-gray-70);font-size:var(--fs-6);font-weight:var(--fw-300)}.blog-meta .dot{background:var(--light-gray-70);border-radius:4px;width:4px;height:4px}.blog-item-title{transition:var(--transition-1);margin-bottom:10px;line-height:1.3}.blog-post-item>a:hover .blog-item-title{color:var(--orange-yellow-crayola)}.blog-text{color:var(--light-gray);font-size:var(--fs-6);font-weight:var(--fw-300);line-height:1.6}.mapbox{border:1px solid var(--jet);border-radius:16px;width:100%;height:250px;margin-bottom:30px;position:relative;overflow:hidden}.mapbox figure{height:100%}.mapbox iframe{filter:grayscale()invert();border:none;width:100%;height:100%}.contact-form{margin-bottom:10px}.form-title{margin-bottom:20px}.input-wrapper{grid-template-columns:1fr;gap:25px;margin-bottom:25px;display:grid}.form-input{color:var(--white-2);font-size:var(--fs-6);font-weight:var(--fw-400);border:1px solid var(--jet);border-radius:14px;outline:none;padding:13px 20px}.form-input::placeholder{font-weight:var(--fw-500)}.form-input:focus{border-color:var(--orange-yellow-crayola)}textarea.form-input{resize:vertical;height:120px;min-height:100px;max-height:200px;margin-bottom:25px}textarea.form-input::-webkit-resizer{display:none}.form-input:focus:invalid{border-color:var(--bittersweet-shimmer)}.form-btn{background:var(--border-gradient-onyx);width:100%;color:var(--orange-yellow-crayola);font-size:var(--fs-6);text-transform:capitalize;box-shadow:var(--shadow-3);z-index:1;transition:var(--transition-1);border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:13px 20px;display:flex;position:relative}.form-btn:before{content:"";background:var(--bg-gradient-jet);border-radius:inherit;z-index:-1;transition:var(--transition-1);position:absolute;inset:1px}.form-btn ion-icon{font-size:16px}.form-btn:hover{background:var(--bg-gradient-yellow-1)}.form-btn:hover:before{background:var(--bg-gradient-yellow-2)}.form-btn:disabled{opacity:.7;cursor:not-allowed}.form-btn:disabled:hover{background:var(--border-gradient-onyx)}.form-btn:disabled:hover:before{background:var(--bg-gradient-jet)}@media (width>=450px){.clients-item{min-width:calc(33.33% - 10px)}.project-img,.blog-banner-box{height:auto}}@media (width>=580px){:root{--fs-1:32px;--fs-2:24px;--fs-3:26px;--fs-4:18px;--fs-6:15px;--fs-7:15px;--fs-8:12px}.sidebar,article{width:520px;margin-inline:auto}article{padding:30px}.article-title{font-weight:var(--fw-600);padding-bottom:15px}.article-title:after{width:40px;height:5px}.icon-box{border-radius:12px;width:48px;height:48px;font-size:18px}main{margin-top:60px;margin-bottom:100px}.sidebar{max-height:180px;margin-bottom:0}.sidebar.active{overscroll-behavior:contain;max-height:100vh;overflow-y:auto}.sidebar-info{gap:25px}.avatar-box{border-radius:30px}.avatar-box img{width:120px}.info-content .name{margin-bottom:15px}.info-content .title{padding:5px 18px}.info_more-btn{padding:10px 15px;top:-15px;right:-15px}.info_more-btn span{font-size:var(--fs-8);display:block}.info_more-btn ion-icon{display:none}.separator{margin:32px 0}.contacts-list{gap:20px}.contact-info{width:calc(100% - 64px);max-width:calc(100% - 64px)}.navbar{border-radius:20px 20px 0 0}.navbar-list{gap:20px}.navbar-link{--fs-8:14px}.about .article-title{margin-bottom:20px}.about-text{margin-bottom:40px}.service-item{justify-content:flex-start;align-items:flex-start;gap:18px;padding:30px;display:flex}.service-icon-box{margin-top:5px;margin-bottom:0}.service-content-box{text-align:left}.testimonials-title{margin-bottom:25px}.testimonials-list{gap:30px;margin:0 -30px;padding:30px 30px 35px}.content-card{padding:25px 30px 30px}.testimonials-avatar-box{border-radius:20px;transform:translate(30px,-30px)}.testimonials-avatar-box img{width:80px}.testimonials-item-title{margin-bottom:10px;margin-left:95px}.testimonials-text{line-clamp:2;-webkit-line-clamp:2}.modal-container{padding:20px}.testimonials-modal{border-radius:20px;justify-content:flex-start;align-items:stretch;gap:25px;padding:30px;display:flex}.modal-img-wrapper{flex-direction:column;align-items:center;display:flex}.modal-avatar-box{border-radius:18px;margin-bottom:0}.modal-avatar-box img{width:65px}.modal-img-wrapper>img{flex-grow:1;width:35px;display:block}.clients-list{gap:50px;margin:0 -30px;padding:45px;scroll-padding-inline:45px}.clients-item{min-width:calc(33.33% - 35px)}.timeline-list{margin-left:65px}.timeline-item:not(:last-child):before{left:-40px}.timeline-item:after{width:8px;height:8px;left:-43px}.skills-item:not(:last-child){margin-bottom:25px}.project-img,.blog-banner-box{border-radius:16px}.blog-posts-list{gap:30px}.blog-content{padding:25px}.mapbox{border-radius:18px;height:380px}.input-wrapper{gap:30px;margin-bottom:30px}.form-input{padding:15px 20px}textarea.form-input{margin-bottom:30px}.form-btn{--fs-6:16px;padding:16px 20px}.form-btn ion-icon{font-size:18px}}@media (width>=768px){.sidebar,article{width:700px}.has-scrollbar::-webkit-scrollbar-button{width:100px}.contacts-list{grid-template-columns:1fr 1fr;gap:30px 15px}.navbar-link{--fs-8:15px}.testimonials-modal{gap:35px;max-width:680px}.modal-avatar-box img{width:80px}.article-title{padding-bottom:20px}.filter-select-box{display:none}.filter-list{justify-content:flex-start;align-items:center;gap:25px;margin-bottom:30px;padding-left:5px;display:flex}.filter-item button{color:var(--light-gray);font-size:var(--fs-5);transition:var(--transition-1)}.filter-item button:hover{color:var(--light-gray-70)}.filter-item button.active{color:var(--orange-yellow-crayola)}.project-list,.blog-posts-list,.input-wrapper{grid-template-columns:1fr 1fr}.form-btn{width:max-content;margin-left:auto}}@media (width>=1024px){:root{--shadow-1:-4px 8px 24px #00000020;--shadow-2:0 16px 30px #00000020;--shadow-3:0 16px 40px #00000020}.sidebar,article{width:950px;box-shadow:var(--shadow-5)}main{margin-bottom:60px}.main-content{width:max-content;margin:auto;position:relative}.navbar{width:max-content;box-shadow:none;border-radius:0 20px;padding:0 20px;position:absolute;inset:0 0 auto auto}.navbar-list{gap:30px;padding:0 20px}.navbar-link{font-weight:var(--fw-500)}.service-list{grid-template-columns:1fr 1fr;gap:20px 25px}.testimonials-item{min-width:calc(50% - 15px)}.clients-item{min-width:calc(25% - 38px)}.project-list{grid-template-columns:repeat(3,1fr)}.blog-banner-box{height:230px}}@media (width>=1250px){body::-webkit-scrollbar{width:20px}body::-webkit-scrollbar-track{background:var(--smoky-black)}body::-webkit-scrollbar-thumb{border:5px solid var(--smoky-black);background:#ffffff1a;border-radius:20px;box-shadow:inset 1px 1px #ffffff1c,inset -1px -1px #ffffff1c}body::-webkit-scrollbar-thumb:hover{background:#ffffff26}body::-webkit-scrollbar-button{height:60px}.sidebar,article{width:auto}article{min-height:100%}main{justify-content:center;align-items:stretch;gap:25px;margin:15px 12px;display:flex}.main-content{width:75%;min-width:75%;margin:0}.sidebar{overscroll-behavior:contain;z-index:1;height:100%;max-height:100vh;margin-bottom:0;padding-top:0;padding-bottom:20px;position:sticky;top:0;overflow-y:auto}.sidebar-info{flex-direction:column}.avatar-box img{width:250px}.info-content .name{white-space:nowrap;text-align:center}.info-content .title{margin:auto}.info_more-btn{display:none}.sidebar-info_more{opacity:1;visibility:visible}.contacts-list{grid-template-columns:1fr}.contact-info .contact-link{white-space:normal;word-break:break-all;overflow-wrap:break-word}.contact-info :is(.contact-link,time,address){--fs-7:14px;font-weight:var(--fw-300)}.separator:last-of-type{opacity:0;margin:15px 0}.social-list{justify-content:center}.timeline-text{max-width:700px}}.no-advance-payment-card{grid-column:span 2}.no-fee-badges{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.no-fee-badge{background:var(--onyx);color:var(--orange-yellow-crayola);font-size:var(--fs-7);font-weight:var(--fw-500);letter-spacing:.3px;white-space:nowrap;border:1px solid #ff707033;border-radius:50px;padding:6px 16px}@media (width<=580px){.no-advance-payment-card{grid-column:span 1}.no-fee-badges{flex-direction:column;align-items:center}}.hero-section{margin-bottom:30px}.brand-title{color:var(--hero-accent);letter-spacing:2px;white-space:nowrap;width:100%;height:1.3em;margin-bottom:20px;font-size:clamp(1.2rem,5vw,2.5rem);font-weight:800}.brand-title.typewriter-text{align-items:center;display:inline-flex}.typewriter-cursor{color:var(--hero-accent);margin-left:2px;font-weight:300;animation:.75s step-end infinite blink-cursor;display:inline-block}@keyframes blink-cursor{0%,to{opacity:1}50%{opacity:0}}.typewriter-letter{animation:.6s forwards letterGoldenShine;display:inline-block}@keyframes letterGoldenShine{0%{opacity:0;text-shadow:none;color:var(--hero-accent-soft);transform:scale(.5)}30%{opacity:1;color:var(--hero-accent);text-shadow:0 0 10px var(--hero-accent-glow), 0 0 20px var(--hero-accent-glow), 0 0 40px var(--hero-accent-glow);transform:scale(1.15)}60%{color:var(--hero-accent);text-shadow:0 0 6px var(--hero-accent-glow), 0 0 14px var(--hero-accent-glow);transform:scale(1)}to{opacity:1;color:var(--hero-accent);text-shadow:0 0 6px var(--hero-accent-glow);transform:scale(1)}}.mobile-break{display:none}.curriculum-flags{flex-wrap:wrap;gap:16px;margin-bottom:20px;display:flex}.curriculum-flag{flex-direction:column;align-items:center;gap:4px;display:flex}.curriculum-flag .flag-emoji{background:var(--onyx);border:1px solid var(--jet);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:flex}.curriculum-flag .flag-label{font-size:var(--fs-8);color:var(--light-gray);font-weight:var(--fw-500);letter-spacing:.5px}.yellow-highlight{color:var(--light-gray)}.hero-badge{white-space:nowrap;background:var(--onyx);min-width:220px;color:var(--orange-yellow-crayola);font-size:var(--fs-8);font-weight:var(--fw-500);letter-spacing:.3px;border-radius:50px;align-items:center;gap:8px;margin-bottom:20px;padding:6px 16px;display:inline-flex}.hero-badge ion-icon{flex-shrink:0;font-size:14px}.hero-badge span{white-space:nowrap;flex-shrink:0}.hero-badge--mobile{display:none!important}.hero-title{color:var(--white-2);font-size:var(--fs-1);font-weight:var(--fw-600);margin-bottom:20px;line-height:1.35}@media (width<=767px){.home .article-title{text-align:center}.home .article-title:after{left:50%;transform:translate(-50%)}.hero-title{text-align:center}.brand-title{letter-spacing:1px;white-space:normal;text-align:center;width:100%;max-width:100%;height:auto;min-height:2.8em;margin-left:auto;margin-right:auto;font-size:clamp(1.25rem,7.6vw,2.3rem);line-height:1.4;display:block;overflow:visible}.brand-title.typewriter-text,.mobile-break{display:block}.curriculum-flags{justify-content:center}.hero-badge--desktop{display:none!important}.hero-badge--mobile{text-align:center;white-space:normal;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:fit-content;min-width:0;max-width:100%;margin-bottom:20px;margin-left:auto;margin-right:auto;padding:8px 16px;display:flex!important}.hero-badge--mobile span{white-space:normal;flex-shrink:1}.hero-badge-mobile-main{white-space:normal;text-align:center;font-size:var(--fs-8);font-weight:var(--fw-600);color:var(--orange-yellow-crayola);justify-content:center;align-items:center;gap:6px;display:inline-flex}.hero-badge-mobile-main ion-icon{color:var(--orange-yellow-crayola);flex-shrink:0;font-size:14px}.hero-badge-mobile-sub{white-space:normal;text-align:center;color:var(--light-gray);opacity:.9;font-size:11px;line-height:1.35}.home section header{text-align:center}}.hero-highlight{background:var(--gradient-hero-highlight);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-text{color:var(--light-gray);font-size:var(--fs-6);font-weight:var(--fw-300);max-width:600px;margin-bottom:28px;line-height:1.7}.hero-cta-wrapper{flex-wrap:wrap;gap:12px;display:flex}.hero-cta-btn{font-size:var(--fs-6);font-weight:var(--fw-500);cursor:pointer;z-index:1;border:none;border-radius:14px;align-items:center;gap:8px;padding:12px 22px;transition:all .3s;display:inline-flex;position:relative}.hero-cta-btn.primary{background:var(--text-gradient-yellow);color:var(--color-brand-black);box-shadow:0 4px 18px #ff000040}.hero-cta-btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 28px #ff000059}.hero-cta-btn.secondary{background:var(--border-gradient-onyx);color:var(--white-2);box-shadow:var(--shadow-2)}.hero-cta-btn.secondary:before{content:"";background:var(--bg-gradient-jet);border-radius:inherit;z-index:-1;position:absolute;inset:1px}.hero-cta-btn.secondary:hover{color:var(--orange-yellow-crayola);transform:translateY(-2px)}.hero-cta-btn ion-icon{font-size:16px}.hero-highlights{margin-bottom:15px}.highlights-grid{grid-template-columns:1fr;gap:16px;display:grid}.highlight-card{background:var(--border-gradient-onyx);box-shadow:var(--shadow-2);z-index:1;border-radius:14px;align-items:flex-start;gap:14px;padding:18px;display:flex;position:relative}.highlight-card:before{content:"";background:var(--bg-gradient-jet);border-radius:inherit;z-index:-1;position:absolute;inset:1px}.highlight-card:hover,.highlight-card:active{background:var(--orange-yellow-crayola);border-color:var(--orange-yellow-crayola);cursor:pointer;animation:2s infinite borderShine}.highlight-content{flex:1}.highlight-title{margin-bottom:4px}.highlight-text{color:var(--light-gray);font-size:var(--fs-7);font-weight:var(--fw-300);line-height:1.5}.stats-section{margin-bottom:15px}.stats-section-title{margin-bottom:20px}.stats-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.stat-card{background:var(--border-gradient-onyx);box-shadow:var(--shadow-2);text-align:center;z-index:1;border-radius:14px;padding:22px 16px;position:relative}.stat-card:before{content:"";background:var(--bg-gradient-jet);border-radius:inherit;z-index:-1;position:absolute;inset:1px}.stat-icon-box{color:var(--orange-yellow-crayola);margin-bottom:10px;font-size:26px}.stat-number{color:var(--orange-yellow-crayola);font-size:3.2rem;font-weight:700}.stat-text{font-size:var(--fs-6);color:var(--light-gray);margin-top:10px;line-height:1.55}.stat-icon-box ion-icon{display:inline-block}#methodology .stat-card:nth-child(2) .stat-text{text-wrap:balance;max-width:100%;margin-top:8px;font-size:.72rem;line-height:1.55}.stat-value{color:var(--white-2);font-size:var(--fs-1);font-weight:var(--fw-600);margin-bottom:6px;line-height:1.2}.stat-label{color:var(--light-gray);font-size:var(--fs-7);font-weight:var(--fw-300);line-height:1.4}.track-record{margin-bottom:30px}.track-record-title{margin-bottom:20px}.track-record-text{color:var(--light-gray);font-size:var(--fs-6);font-weight:var(--fw-300);line-height:1.7}.track-record-text strong{color:var(--orange-yellow-crayola);font-weight:var(--fw-500)}.testimonial-author{color:var(--vegas-gold);font-size:var(--fs-7);font-weight:var(--fw-400);margin-top:12px}.contact-intro{margin-bottom:25px}.contact-intro-text{color:var(--light-gray);font-size:var(--fs-6);font-weight:var(--fw-300);line-height:1.7}.contact-cta-section{margin-bottom:30px}.contact-cta-grid{grid-template-columns:1fr;gap:16px;display:grid}.contact-cta-card{text-align:center;background:var(--border-gradient-onyx);box-shadow:var(--shadow-2);z-index:1;border-radius:14px;flex-direction:column;align-items:center;gap:8px;padding:22px;text-decoration:none;transition:all .3s;display:flex;position:relative}.contact-cta-card:before{content:"";background:var(--bg-gradient-jet);border-radius:inherit;z-index:-1;transition:background .3s;position:absolute;inset:1px}.contact-cta-card:hover{box-shadow:var(--shadow-3);transform:translateY(-3px)}.contact-cta-card:hover:before{background:var(--bg-gradient-yellow-2)}.contact-cta-icon{color:var(--orange-yellow-crayola);flex-shrink:0;font-size:28px}.contact-cta-icon ion-icon{display:block}.contact-cta-title{margin-bottom:2px}.contact-cta-text{color:var(--light-gray);font-size:var(--fs-7);font-weight:var(--fw-300)}.availability-section{margin-bottom:25px}.availability-card{padding-bottom:20px}.availability-list{flex-direction:column;gap:18px;display:flex}.availability-item{align-items:flex-start;gap:14px;display:flex}.availability-item .icon-box{flex-shrink:0}.availability-text{color:var(--light-gray);font-size:var(--fs-7);font-weight:var(--fw-300);margin-top:2px}.site-footer{text-align:center;color:var(--light-gray-70);font-size:var(--fs-8);font-weight:var(--fw-300);padding:20px 0 5px}.ad-banner{z-index:1;border-radius:14px;margin-bottom:25px;position:relative;overflow:hidden}.ad-banner:before{content:"";background:conic-gradient(from var(--ad-angle,0deg), transparent 0%, transparent 70%, var(--orange-yellow-crayola) 85%, var(--orange-yellow-crayola) 100%);-webkit-mask-composite:xor;z-index:2;pointer-events:none;border-radius:14px;padding:2px;animation:3s linear infinite ad-border-spin;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.ad-banner:after{content:"Advertisement";font-size:var(--fs-8);font-weight:var(--fw-500);color:var(--light-gray-70);letter-spacing:1px;text-transform:uppercase;z-index:3;position:absolute;top:8px;right:10px}@keyframes ad-border-spin{0%{--ad-angle:0deg}to{--ad-angle:360deg}}@property --ad-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.ad-banner-img{object-fit:cover;border-radius:14px;width:100%;height:auto;display:block}.page-subtitle{color:var(--light-gray);font-size:var(--fs-5);font-weight:var(--fw-300);margin-bottom:30px}.section-intro-text{color:var(--light-gray);font-size:var(--fs-6);font-weight:var(--fw-300);margin-bottom:25px;line-height:1.6}.addon-badge{background:var(--text-gradient-yellow);color:var(--color-brand-black);font-size:var(--fs-8);font-weight:var(--fw-600);border-radius:4px;padding:2px 8px}.service-item--addon{border:1px solid var(--orange-yellow-crayola)}.sessions-info{margin-top:40px;margin-bottom:35px}.sessions-info-title{margin-bottom:20px}.sessions-table-wrapper{overflow-x:auto}.sessions-table{border-collapse:collapse;text-align:left;width:100%;margin-bottom:20px}.sessions-table th{color:var(--white-2);font-size:var(--fs-6);font-weight:var(--fw-500);border-bottom:1px solid var(--jet);padding:12px 16px}.sessions-table td{color:var(--light-gray);font-size:var(--fs-7);border-bottom:1px solid var(--jet);padding:14px 16px}.sessions-table tr:last-child td{border-bottom:none}.table-label{color:var(--white-2);font-weight:var(--fw-500);align-items:center;gap:8px;display:flex}.table-label ion-icon{color:var(--orange-yellow-crayola);font-size:18px}.pricing-note{background:var(--jet);color:var(--light-gray);font-size:var(--fs-7);font-weight:var(--fw-300);border-radius:10px;align-items:flex-start;gap:10px;padding:15px;display:flex}.pricing-note ion-icon{color:var(--orange-yellow-crayola);flex-shrink:0;margin-top:2px;font-size:20px}.services-quote{border-left:3px solid var(--orange-yellow-crayola);margin-bottom:20px;padding:12px 20px;font-style:italic}.services-quote p{color:var(--light-gray);font-size:var(--fs-6);line-height:1.6}.services-cta{margin-bottom:30px}.services-cta-text{color:var(--light-gray);font-size:var(--fs-6);margin-bottom:25px}@media (width>=580px){.hero-title{font-size:32px}.highlights-grid,.contact-cta-grid{grid-template-columns:1fr 1fr}}@media (width>=768px){.hero-cta-btn{font-size:var(--fs-5);padding:14px 28px}.stat-card{padding:28px 20px}.stat-value{font-size:28px}}@media (width>=1024px){.highlights-grid{grid-template-columns:1fr 1fr;gap:20px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:20px}}[data-theme=light]{--hero-accent:#8b0000;--hero-accent-soft:#c81e1e;--hero-accent-glow:#8b000040;--gradient-hero-highlight:linear-gradient(135deg, #c81e1e 0%, #8b0000 100%);--bg-gradient-onyx:linear-gradient(to bottom right, #fff 3%, var(--color-brand-gray) 97%);--bg-gradient-jet:linear-gradient(to bottom right, #ffffffe6 0%, #fff0 100%), #fafafa;--bg-gradient-yellow-1:linear-gradient(to bottom right, var(--award-gold) 0%, #ff3d3d00 50%);--bg-gradient-yellow-2:linear-gradient(135deg, #ff3d3d47 0%, #f330 59.86%), #fafafa;--border-gradient-onyx:linear-gradient(to bottom right, #da0b0b8c 0%, #da0b0b00 50%);--text-gradient-yellow:var(--gradient-award);--jet:#e6e6ea;--onyx:var(--color-brand-gray);--eerie-black-1:#fbfbfc;--eerie-black-2:var(--color-brand-white);--smoky-black:var(--color-background);--white-1:var(--color-title);--white-2:var(--color-title);--orange-yellow-crayola:var(--award-gold-deep);--vegas-gold:#8b0000;--light-gray:var(--color-text);--light-gray-70:#5c5c5cb3;--bittersweet-shimmer:#d4452f;--surface-1:var(--color-brand-white);--surface-2:#fafafa;--surface-3:var(--color-brand-gray);--hairline:var(--color-border);--shadow-1:-4px 8px 24px #6b2e2e1a;--shadow-2:0 16px 30px #6b2e2e1f;--shadow-3:0 16px 40px #6b2e2e24;--shadow-4:0 25px 50px #6b2e2e1f;--shadow-5:0 24px 80px #6b2e2e29}[data-theme=light] body{background:#fff}[data-theme=light] .sidebar{background:var(--surface-1);border-color:var(--hairline);box-shadow:var(--shadow-2)}[data-theme=light] article{border-color:var(--hairline);box-shadow:none;background:0 0}[data-theme=light] .separator{background:var(--color-subtitle)}[data-theme=light] .icon-box{background:var(--surface-3);border:1px solid var(--color-subtitle);color:var(--award-gold-deep)}[data-theme=light] .icon-box:before{background:var(--surface-1)}[data-theme=light] .content-card{background:var(--surface-3);border:1px solid var(--color-subtitle)}[data-theme=light] .content-card:before{background:var(--surface-2)}[data-theme=light] .info_more-btn{background:var(--surface-3);color:var(--award-gold-deep);border:1px solid var(--color-subtitle)}[data-theme=light] .info_more-btn:before{background:var(--surface-2)}[data-theme=light] .info-content .title{background:var(--color-brand-gray);color:var(--color-brand-text)}[data-theme=light] .navbar{border-color:var(--award-gold);background:#ffffffdb;box-shadow:0 -2px 20px #6b2e2e1a}[data-theme=light] .mobile-hamburger{border-color:var(--award-gold);background:#fffffff0}[data-theme=light] .mobile-menu-popup{border-color:var(--color-subtitle);background:#fffffff5;box-shadow:0 8px 32px #6b2e2e29}[data-theme=light] .mobile-menu-link:hover{background:#f5474729}[data-theme=light] .mobile-menu-backdrop{background:#26262647}[data-theme=light] .service-item{background:var(--surface-3);border:1px solid var(--color-subtitle)}[data-theme=light] .service-item:before{background:var(--surface-2)}[data-theme=light] .testimonials-avatar-box,[data-theme=light] .modal-avatar-box,[data-theme=light] .avatar-box{background:var(--surface-3)}[data-theme=light] .overlay{background:#1f1f1f73}[data-theme=light] .testimonials-modal{background:var(--surface-1);border-color:var(--hairline)}[data-theme=light] .modal-close-btn{background:var(--surface-3);color:var(--color-title)}[data-theme=light] .filter-select,[data-theme=light] .select-list,[data-theme=light] .select-item button{background:var(--surface-1);border-color:var(--hairline);color:var(--color-text)}[data-theme=light] .project-item-icon-box{background:var(--gradient-award);color:var(--color-brand-black)}[data-theme=light] .blog-post-item>a:before{background:var(--surface-2)}[data-theme=light] .mapbox{border-color:var(--hairline)}[data-theme=light] .mapbox iframe{filter:grayscale(.15)brightness(.97)}[data-theme=light] .form-input{border-color:var(--color-subtitle);color:var(--color-title);background:var(--surface-2)}[data-theme=light] .form-input:focus{border-color:var(--award-gold-deep);background:var(--surface-1)}[data-theme=light] .form-btn{background:var(--surface-3);color:var(--award-gold-deep);border:1px solid var(--color-subtitle)}[data-theme=light] .form-btn:before{background:var(--surface-2)}[data-theme=light] .skill-progress-bg,[data-theme=light] .timeline-item:not(:last-child):before{background:var(--color-subtitle)}[data-theme=light] .timeline-item:after{box-shadow:0 0 0 4px var(--color-subtitle)}[data-theme=light] .has-scrollbar::-webkit-scrollbar-track{background:var(--color-subtitle)}[data-theme=light] .has-scrollbar::-webkit-scrollbar-thumb{background:var(--award-gold)}@media (width>=1250px){[data-theme=light] body::-webkit-scrollbar-track{background:var(--color-subtitle)}[data-theme=light] body::-webkit-scrollbar-thumb{border-color:var(--color-subtitle);background:#da0b0b59}[data-theme=light] body::-webkit-scrollbar-thumb:hover{background:#da0b0b8c}}[data-theme=light] .clients-item img{filter:grayscale(.4)brightness(.85)}[data-theme=light] .clients-item img:hover{filter:grayscale(0)brightness()}[data-theme=light] .hero-badge{background:var(--surface-3);border:1px solid var(--color-subtitle)}[data-theme=light] .hero-cta-btn.primary,[data-theme=light] .demo-cta-btn,[data-theme=light] .demo-open-btn{box-shadow:0 4px 18px #da0b0b57}[data-theme=light] .demo-popover-card{background:var(--surface-3);border:1px solid var(--color-subtitle)}[data-theme=light] .demo-popover-card:before{background:var(--surface-2)}[data-theme=light] .demo-popover-text{color:var(--color-text)}[data-theme=light] .hero-cta-btn.secondary{background:var(--surface-3);border:1px solid var(--color-subtitle)}[data-theme=light] .hero-cta-btn.secondary:before{background:var(--surface-2)}[data-theme=light] .highlight-card,[data-theme=light] .stat-card,[data-theme=light] .pricing-note{background:var(--surface-3);border:1px solid var(--color-subtitle)}[data-theme=light] .highlight-card:before,[data-theme=light] .stat-card:before{background:var(--surface-2)}[data-theme=light] .track-record-text strong{color:var(--award-gold-deep)}[data-theme=light] .contact-cta-card{background:var(--surface-3);border:1px solid var(--color-subtitle)}[data-theme=light] .contact-cta-card:before{background:var(--surface-2)}[data-theme=light] .sessions-table th,[data-theme=light] .sessions-table td{border-bottom-color:var(--color-subtitle)}body,.sidebar,article,.navbar,.service-item,.content-card,.icon-box,.info-content .title,.highlight-card,.stat-card,.contact-cta-card,.hero-badge,.hero-cta-btn{transition:background .4s,color .4s,border-color .4s,box-shadow .4s}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-wrapper{-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.marquee-content:hover{animation-play-state:paused}.feedback-card{background:var(--border-gradient-onyx);min-width:300px;box-shadow:var(--shadow-2);z-index:1;border-radius:14px;flex-direction:column;padding:25px;display:flex;position:relative}.feedback-card.expanded .feedback-text-wrapper{max-height:none}.feedback-card.expanded .feedback-fade{display:none}.feedback-card:before{content:"";background:var(--bg-gradient-jet);border-radius:inherit;z-index:-1;position:absolute;inset:1px}[data-theme=light] .feedback-card{background:var(--surface-3);border:1px solid var(--color-subtitle)}[data-theme=light] .feedback-card:before{background:var(--surface-2)}.feedback-text-wrapper{max-height:120px;transition:max-height .3s;position:relative;overflow:hidden}.feedback-card p{color:var(--light-gray);font-size:var(--fs-6);font-weight:var(--fw-300);font-style:italic;line-height:1.6}.feedback-fade{background:linear-gradient(transparent, var(--bg-gradient-jet));pointer-events:none;height:50px;position:absolute;bottom:0;left:0;right:0}[data-theme=light] .feedback-fade{background:linear-gradient(transparent, var(--surface-2))}.feedback-footer{justify-content:space-between;align-items:center;gap:10px;margin-top:12px;display:flex}.feedback-card h5{color:var(--white-2);font-size:var(--fs-7);margin:0}.feedback-toggle{color:var(--orange-yellow-crayola);cursor:pointer;font-size:var(--fs-7);white-space:nowrap;background:0 0;border:none;border-radius:6px;flex-shrink:0;align-items:center;gap:4px;padding:4px 8px;transition:background .2s;display:flex}.feedback-toggle:hover{background:#ffffff0d}.feedback-toggle ion-icon{font-size:14px}.notes-page{animation:.5s backwards fade}.notes-intro{margin-bottom:30px}.notes-intro p{color:var(--light-gray);font-size:var(--fs-6);line-height:1.6}.notes-access-form{max-width:400px}.notes-input-group{background:var(--border-gradient-onyx);box-shadow:var(--shadow-2);border-radius:14px;align-items:center;gap:12px;margin-bottom:10px;padding:12px 18px;display:flex;position:relative}.notes-input-group:before{content:"";background:var(--bg-gradient-jet);border-radius:inherit;z-index:-1;position:absolute;inset:1px}.notes-input-group ion-icon{color:var(--orange-yellow-crayola);flex-shrink:0;font-size:20px}.notes-input{color:var(--white-2);font-family:inherit;font-size:var(--fs-6);background:0 0;border:none;outline:none;width:100%;padding:4px 0}.notes-input::placeholder{color:var(--light-gray-70)}.notes-error{color:#f44;font-size:var(--fs-7);font-weight:var(--fw-500);margin-bottom:12px;padding-left:4px}.notes-demo-section{text-align:center;margin-top:28px}.demo-cta-btn{background:var(--text-gradient-yellow);color:var(--color-brand-black);font-size:var(--fs-6);font-weight:var(--fw-600);border-radius:16px;align-items:center;gap:10px;padding:14px 26px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex;position:relative;box-shadow:0 4px 20px #ff000047}.demo-cta-btn:hover{transform:translateY(-3px);box-shadow:0 8px 30px #f006}.demo-cta-btn--popping,.demo-cta-btn:active{animation:.35s demoClickClick}.demo-cta-arrow{font-size:18px;animation:1.2s ease-in-out infinite demoArrowNudge;display:inline-flex}@keyframes demoArrowNudge{0%,to{transform:translate(0)}50%{transform:translate(5px)}}@keyframes demoClickClick{0%{transform:scale(1)}30%{transform:scale(.88)translateY(2px)}55%{transform:scale(1.05)translateY(-2px)}75%{transform:scale(.96)translateY(1px)}to{transform:scale(1)translateY(0)}}.notes-demo-section{position:relative}.demo-popover{justify-content:center;margin-top:16px;animation:.25s demoPopIn;display:flex}.demo-popover-card{background:var(--border-gradient-onyx);width:100%;max-width:560px;box-shadow:var(--shadow-2);text-align:left;z-index:1;border-radius:18px;padding:26px;position:relative}.demo-popover-card:before{content:"";background:var(--bg-gradient-jet);border-radius:inherit;z-index:-1;position:absolute;inset:1px}.demo-popover-tag{background:var(--orange-yellow-crayola);color:var(--color-brand-black);font-size:var(--fs-8);font-weight:var(--fw-700);letter-spacing:1px;border-radius:20px;margin-bottom:14px;padding:4px 12px;display:inline-block}.demo-popover-row{justify-content:space-between;align-items:center;gap:18px;display:flex}.demo-popover-row--alt{border-top:1px solid var(--jet);margin-top:20px;padding-top:20px}.demo-popover-info{flex:1;min-width:0}.demo-popover-title{color:var(--orange-yellow-crayola);font-size:calc(var(--fs-4) + 2px);margin-bottom:4px}.demo-popover-text{color:var(--light-gray);font-size:var(--fs-7)}.demo-open-btn{background:var(--text-gradient-yellow);color:var(--color-brand-black);font-size:var(--fs-6);font-weight:var(--fw-600);cursor:pointer;white-space:nowrap;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:13px 24px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 4px 18px #ff000040}.demo-open-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px #ff000059}.demo-open-btn ion-icon{font-size:16px}.demo-close-btn{color:var(--light-gray);font-family:inherit;font-size:var(--fs-7);font-weight:var(--fw-500);cursor:pointer;background:0 0;border:none;margin:14px auto 0;padding:6px 12px;transition:color .2s;display:block}.demo-close-btn:hover{color:var(--orange-yellow-crayola)}@keyframes demoPopIn{0%{opacity:0;transform:translateY(-6px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.students-list{grid-template-columns:1fr;gap:20px;margin-bottom:30px;display:grid}.student-card{background:var(--border-gradient-onyx);box-shadow:var(--shadow-2);z-index:1;transition:var(--transition-1);border-radius:14px;padding:20px;position:relative}.student-card:before{content:"";background:var(--bg-gradient-jet);border-radius:inherit;z-index:-1;position:absolute;inset:1px}.student-card:hover,.student-card:active{background:var(--orange-yellow-crayola);border-color:var(--orange-yellow-crayola);cursor:pointer;animation:2s infinite borderShine}.student-card-content{align-items:center;gap:15px;display:flex}.student-card-content ion-icon{color:var(--orange-yellow-crayola);font-size:24px}.student-card:hover .student-card-content ion-icon{color:var(--smoky-black)}.student-card h3{color:var(--white-2);margin:0}.student-card:hover h3{color:var(--smoky-black)}.notes-empty{text-align:center;color:var(--light-gray);padding:40px 20px}.notes-empty code{background:var(--onyx);font-size:var(--fs-7);border-radius:4px;padding:2px 6px}.notes-not-found{text-align:center;padding:40px 20px}.notes-not-found ion-icon{color:var(--orange-yellow-crayola);margin-bottom:15px;font-size:48px}.notes-not-found h3{color:var(--white-2);margin-bottom:10px}.notes-not-found p{color:var(--light-gray);margin-bottom:20px}.notes-student-header{margin-bottom:25px}.notes-back-link{color:var(--orange-yellow-crayola);font-size:var(--fs-7);transition:color var(--transition-1);align-items:center;gap:5px;margin-bottom:15px;display:inline-flex}.notes-back-link:hover{color:var(--vegas-gold)}.notes-back-link ion-icon{font-size:14px}.iframe-wrapper{border-radius:14px;width:100%;margin-bottom:20px;padding-top:75%;position:relative;overflow:hidden}.notes-iframe{border:none;border-radius:14px;width:100%;height:100%;position:absolute;top:0;left:0}@media (width>=768px){.iframe-wrapper{padding-top:70%}}@media (width<=767px){.iframe-wrapper{-webkit-overflow-scrolling:touch;border-radius:0;width:100%;height:70vh;min-height:400px;margin-bottom:0;padding-top:0;position:relative;overflow:auto}.notes-iframe{touch-action:auto;border:none;border-radius:0;width:700px;min-width:700px;height:2000px;position:static}.notes-student-header{padding:0 5px}.notes-footer{padding:12px 0}}.notes-footer{text-align:center;padding:15px 0}.notes-footer p{color:var(--light-gray-70);font-size:var(--fs-8)}.not-found-page{animation:.5s backwards fade}.not-found-content{text-align:center;padding:60px 20px}.not-found-icon{color:var(--orange-yellow-crayola);margin-bottom:20px;font-size:64px}.not-found-content h3{color:var(--white-2);margin-bottom:10px;font-size:48px}.not-found-content p{color:var(--light-gray);margin-bottom:30px}@media (width>=768px){.students-list{grid-template-columns:1fr 1fr}}.whatsapp-fab{z-index:100;color:#fff;height:48px;font-size:var(--fs-9);white-space:nowrap;transition:transform var(--transition-1);background:linear-gradient(135deg,#5fd08a 0%,#25d366 55%,#128c4a 100%);border-radius:999px;align-items:center;gap:9px;padding:0 16px;font-weight:600;animation:2.6s infinite whatsappPulse;display:inline-flex;position:fixed;bottom:140px;right:20px;box-shadow:0 6px 20px #17824459,0 0 #22c3658c}.whatsapp-fab ion-icon{flex-shrink:0;font-size:24px}.whatsapp-fab:hover{transform:translateY(-3px)scale(1.03)}.whatsapp-fab:active{transform:scale(.94)}@keyframes whatsappPulse{0%{box-shadow:0 6px 20px #17824459,0 0 #22c3658c}70%{box-shadow:0 6px 20px #17824459,0 0 0 14px #22c36500}to{box-shadow:0 6px 20px #17824459,0 0 #22c36500}}@media (width>=1024px){.whatsapp-fab{height:52px;padding:0 20px;bottom:96px;right:28px}.whatsapp-fab ion-icon{font-size:26px}}@media (width<=580px){.whatsapp-fab{justify-content:center;width:50px;height:50px;padding:0;bottom:152px;right:16px}.whatsapp-fab-label{display:none}}.award-ribbon{background:var(--gradient-award);color:var(--color-brand-black);font-size:var(--fs-9);letter-spacing:.4px;text-transform:uppercase;box-shadow:var(--glow-award);border-radius:999px;align-items:center;gap:8px;padding:7px 18px;font-weight:600;display:inline-flex}.award-ribbon ion-icon{color:var(--award-gold-deep);font-size:16px}.award-seal{background:var(--gradient-award);width:34px;height:34px;color:var(--color-brand-black);box-shadow:var(--glow-award);border-radius:50%;justify-content:center;align-items:center;gap:6px;display:inline-flex}.award-seal ion-icon{font-size:18px}.award-underline{padding-bottom:10px;position:relative}.award-underline:after{content:"";background:var(--gradient-ribbon);border-radius:999px;width:72px;height:4px;position:absolute;bottom:0;left:0}.text-gold{background:var(--gradient-award);-webkit-text-fill-color:transparent;color:var(--award-gold);-webkit-background-clip:text;background-clip:text}.pastel-card{border:1px solid var(--color-border);background:linear-gradient(145deg,#47b6e61a 0%,#ff3d3d1a 50%,#b84c4c14 100%);border-radius:16px}[data-theme=light] .pastel-card{background:linear-gradient(145deg,#47b6e629 0%,#ff3d3d2e 50%,#b84c4c1f 100%)}.body-bg-video{z-index:0;pointer-events:none;background:0 0;width:100%;height:100%;position:fixed;inset:0;overflow:hidden}.body-bg-video-media{object-fit:cover;backface-visibility:hidden;will-change:transform;border:0;width:100%;min-width:100%;height:100%;min-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.body-bg-video-tint{position:absolute;inset:0}main{z-index:1;position:relative}[data-theme=dark] .body-bg-video-tint{background:#121212b8}[data-theme=light] .body-bg-video-tint{background:#ffffffc7}@media (prefers-reduced-motion:reduce){.body-bg-video-media{display:none}}.classroom-portal{animation:.5s backwards fade}.classroom-auth-card{background:var(--eerie-black-2,#1e1e1f);border:1px solid var(--jet,#383838);box-shadow:var(--shadow-2);border-radius:18px;margin-bottom:28px;padding:24px}.classroom-connect-prompt{flex-direction:column;gap:18px;display:flex}.prompt-header{align-items:center;gap:16px;display:flex}.google-icon-wrapper{width:52px;height:52px;color:var(--color-brand-yellow,#ff6b6b);background:linear-gradient(135deg,#ff6b6b33,#ff6b6b0d);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;font-size:28px;display:flex}.classroom-desc{color:var(--light-gray,#d6d6d6);font-size:var(--fs-6,15px);margin-top:4px;line-height:1.5}.classroom-actions-row{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.google-connect-btn{color:#1f1f1f;font-weight:600;font-size:var(--fs-6,15px);cursor:pointer;background:#fff;border-radius:12px;align-items:center;gap:10px;padding:12px 22px;transition:transform .2s,box-shadow .2s;display:inline-flex}.google-connect-btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px #ffffff40}.google-connect-btn ion-icon{color:#4285f4;font-size:20px}.demo-mode-group{flex-direction:column;gap:6px;display:flex}.demo-hint-text{font-size:var(--fs-8,12px);color:var(--vegas-gold,#ceb15a);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.demo-buttons-pill{flex-wrap:wrap;gap:10px;display:flex}.demo-pill-btn{color:var(--white-2,#fafafa);font-size:var(--fs-7,13px);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;padding:8px 14px;transition:all .2s}.demo-pill-btn.teacher:hover{color:#75d1b4;background:#75d1b433;border-color:#75d1b4}.demo-pill-btn.student:hover{color:#47afe5;background:#47afe533;border-color:#47afe5}.classroom-info-box{color:var(--light-gray,#d6d6d6);font-size:var(--fs-7,13px);background:#47afe514;border:1px solid #47afe540;border-radius:10px;align-items:flex-start;gap:10px;padding:12px 16px;line-height:1.5;display:flex}.classroom-info-box ion-icon{color:#47afe5;flex-shrink:0;margin-top:1px;font-size:20px}.classroom-info-box code{color:var(--white-1,#fff);background:#0000004d;border-radius:4px;padding:2px 6px}.classroom-error-banner{color:#ff8585;font-size:var(--fs-7,13px);background:#ff6b6b26;border:1px solid #ff6b6b66;border-radius:8px;align-items:center;gap:10px;padding:10px 14px;display:flex}.classroom-connected-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.user-profile-meta{align-items:center;gap:14px;display:flex}.user-avatar{border:2px solid var(--color-brand-yellow,#ff6b6b);object-fit:cover;border-radius:50%;width:50px;height:50px}.user-name-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.user-display-name{color:var(--white-2,#fafafa);margin:0}.role-badge{letter-spacing:.5px;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:700}.role-badge.teacher{color:#75d1b4;background:#75d1b433;border:1px solid #75d1b4}.role-badge.student{color:#47afe5;background:#47afe533;border:1px solid #47afe5}.mock-badge{color:#ffb400;background:#ffb40026;border:1px solid #ffb400;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.user-email-text{color:var(--light-gray-70,#aaa);font-size:var(--fs-7,13px);margin-top:2px}.connected-controls{align-items:center;gap:10px;display:flex}.role-switch-btn{color:var(--white-2,#fafafa);font-size:var(--fs-7,13px);cursor:pointer;background:#ffffff14;border:1px solid #ffffff2e;border-radius:8px;padding:8px 14px;transition:all .2s}.role-switch-btn:hover{background:#ffffff26}.disconnect-btn{color:#ff6b6b;font-size:var(--fs-7,13px);cursor:pointer;background:#ff6b6b1f;border:1px solid #ff6b6b4d;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;transition:all .2s;display:inline-flex}.disconnect-btn:hover{background:#ff6b6b40}.dashboard-nav-tabs{border-bottom:1px solid var(--jet,#383838);gap:10px;margin-bottom:24px;padding-bottom:12px;display:flex;overflow-x:auto}.dashboard-tab{color:var(--light-gray,#d6d6d6);font-size:var(--fs-6,14px);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-weight:500;transition:all .2s;display:inline-flex}.dashboard-tab ion-icon{font-size:18px}.dashboard-tab:hover{color:var(--white-1,#fff);background:#ffffff0d}.dashboard-tab.active{color:var(--white-1,#fff);background:var(--color-brand-yellow,#ff6b6b);box-shadow:0 4px 14px #ff6b6b59}.dashboard-stats-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px;display:grid}.stat-card{background:var(--eerie-black-2,#1e1e1f);border:1px solid var(--jet,#383838);text-align:center;border-radius:14px;padding:18px}.stat-card.highlight{background:#ff6b6b14;border-color:#ff6b6b66}.stat-card.clickable{cursor:pointer;transition:all .2s}.stat-card.clickable:hover{background:#ff6b6b26;border-color:#ff6b6bb3;transform:translateY(-2px);box-shadow:0 6px 18px #ff6b6b33}.stat-card.clickable:focus-visible{outline:2px solid var(--color-brand-yellow,#ff6b6b);outline-offset:2px}.stat-num{color:var(--color-brand-yellow,#ff6b6b);margin-bottom:4px;font-size:28px;font-weight:700}.stat-label{font-size:var(--fs-7,13px);color:var(--light-gray,#d6d6d6)}.search-filter-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.search-input-group{background:var(--eerie-black-2,#1e1e1f);border:1px solid var(--jet,#383838);border-radius:10px;flex:1;align-items:center;gap:10px;max-width:420px;padding:10px 14px;display:flex}.search-input-group ion-icon{color:var(--light-gray,#aaa);font-size:18px}.search-input-group input{color:var(--white-1,#fff);width:100%;font-size:var(--fs-7,14px);background:0 0;border:none;outline:none}.results-count{font-size:var(--fs-7,13px);color:var(--light-gray-70,#aaa)}.classrooms-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;display:grid}.classroom-card{background:var(--eerie-black-2,#1e1e1f);border:1px solid var(--jet,#383838);cursor:pointer;border-radius:14px;flex-direction:column;justify-content:space-between;padding:18px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex}.classroom-card:hover{border-color:var(--color-brand-yellow,#ff6b6b);transform:translateY(-3px);box-shadow:0 6px 18px #0006}.classroom-card.selected{border-color:var(--color-brand-yellow,#ff6b6b);background:linear-gradient(145deg, var(--eerie-black-2,#1e1e1f), #ff6b6b14)}.classroom-card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.classroom-tag{color:var(--color-brand-yellow,#ff6b6b);background:#ff6b6b26;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600}.external-link-btn{color:var(--light-gray,#aaa);font-size:18px;transition:color .2s}.external-link-btn:hover{color:#fff}.classroom-title{color:var(--white-1,#fff);font-size:var(--fs-5,16px);margin-bottom:6px}.classroom-section-text{color:var(--light-gray-70,#aaa);font-size:var(--fs-7,13px);margin-bottom:16px}.classroom-card-footer{border-top:1px solid #ffffff0f;padding-top:12px}.view-cw-btn{width:100%;color:var(--color-brand-yellow,#ff6b6b);font-size:var(--fs-7,13px);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;font-weight:500;display:flex}.student-single-course-view{margin-top:10px}.student-classroom-hero{background:var(--eerie-black-2,#1e1e1f);border:1px solid var(--jet,#383838);text-align:center;border-radius:18px;padding:32px}.classroom-hero-badge{color:#75d1b4;letter-spacing:.8px;background:#75d1b426;border-radius:20px;margin-bottom:14px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-block}.hero-course-title{color:var(--white-1,#fff);margin-bottom:8px;font-size:26px}.hero-course-sub{color:var(--light-gray,#d6d6d6);font-size:var(--fs-6,15px);margin-bottom:24px}.course-quick-actions{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.external-classroom-shortcut{margin-top:18px}.external-subtle-link{color:var(--light-gray-70,#aaa);font-size:var(--fs-8,12px);align-items:center;gap:6px;text-decoration:underline;transition:color .2s;display:inline-flex}.external-subtle-link:hover{color:var(--white-1,#fff)}.student-quick-tasks-section{background:var(--eerie-black-2,#1e1e1f);border:1px solid var(--jet,#383838);border-radius:16px;margin-top:24px;padding:24px}.quick-tasks-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;display:flex}.tasks-count-pill{color:var(--color-brand-yellow,#ff6b6b);background:#ff6b6b26;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700}.quick-tasks-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;display:grid}.quick-task-item{cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;justify-content:space-between;padding:16px;transition:transform .2s,border-color .2s;display:flex}.quick-task-item:hover{border-color:var(--color-brand-yellow,#ff6b6b);transform:translateY(-2px)}.quick-task-top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.due-pill{color:var(--light-gray-70,#aaa);font-size:11px}.quick-task-title{color:var(--white-1,#fff);font-size:var(--fs-6,14px);margin-bottom:14px;font-weight:600;line-height:1.4}.quick-task-footer{font-size:var(--fs-8,12px);color:var(--light-gray,#bbb);border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding-top:10px;display:flex}.quick-task-link{color:var(--color-brand-yellow,#ff6b6b);font-weight:500}.course-context-header{margin-bottom:20px}.context-sub{color:var(--light-gray-70,#aaa);font-size:var(--fs-7,14px);margin-top:4px}.assignments-list{flex-direction:column;gap:14px;display:flex}.assignment-card{background:var(--eerie-black-2,#1e1e1f);border:1px solid var(--jet,#383838);border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:20px;display:flex}.assignment-title-row{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:6px;display:flex}.assignment-title{color:var(--white-1,#fff);margin:0}.assignment-desc{color:var(--light-gray-70,#aaa);font-size:var(--fs-7,13px);margin-bottom:10px}.assignment-meta-row{color:var(--light-gray,#bbb);font-size:var(--fs-8,12px);align-items:center;gap:18px;display:flex}.assignment-meta-row span{align-items:center;gap:5px;display:inline-flex}.view-assignment-btn{color:var(--white-1,#fff);font-size:var(--fs-7,13px);white-space:nowrap;background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;transition:all .2s;display:inline-flex}.view-assignment-btn:hover{background:var(--color-brand-yellow,#ff6b6b);border-color:var(--color-brand-yellow,#ff6b6b)}.status-pill{text-transform:uppercase;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:700}.status-pill.returned,.status-pill.graded{color:#75d1b4;background:#75d1b433}.status-pill.turned_in,.status-pill.submitted{color:#47afe5;background:#47afe533}.status-pill.assigned,.status-pill.pending,.status-pill.new{color:#ffb400;background:#ffb4002e}.grades-summary-card{background:var(--eerie-black-2,#1e1e1f);border:1px solid var(--jet,#383838);border-radius:14px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;padding:20px;display:grid}.summary-col{flex-direction:column;gap:4px;display:flex}.summary-label{font-size:var(--fs-8,12px);color:var(--light-gray-70,#aaa)}.summary-value{font-size:var(--fs-5,16px);color:var(--white-1,#fff)}.summary-value.highlight{color:#75d1b4;font-size:20px}.marks-table-wrapper{border:1px solid var(--jet,#383838);border-radius:14px;overflow-x:auto}.marks-table{border-collapse:collapse;background:var(--eerie-black-2,#1e1e1f);width:100%;font-size:var(--fs-7,14px)}.marks-table th,.marks-table td{text-align:left;border-bottom:1px solid var(--jet,#383838);padding:14px 18px}.marks-table th{color:var(--light-gray,#d6d6d6);background:#ffffff08;font-weight:600}.marks-table td{color:var(--white-2,#fafafa)}.grade-badge{color:#75d1b4;background:#75d1b426;border-radius:6px;padding:4px 10px;font-weight:700;display:inline-block}.table-action-link{color:var(--color-brand-yellow,#ff6b6b);text-decoration:underline}.empty-state-card{text-align:center;background:var(--eerie-black-2,#1e1e1f);border:1px solid var(--jet,#383838);border-radius:14px;padding:40px 20px}.empty-state-card ion-icon{color:var(--light-gray-70,#888);margin-bottom:12px;font-size:40px}.empty-state-card h4{color:var(--white-1,#fff);margin-bottom:6px}.empty-state-card p{color:var(--light-gray-70,#aaa);font-size:var(--fs-7,13px)}.assignment-modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000bf;justify-content:center;align-items:center;padding:20px;animation:.25s ease-out modalFadeIn;display:flex;position:fixed;inset:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.assignment-modal-card{background:var(--eerie-black-1,#181819);border:1px solid var(--jet,#383838);border-radius:20px;flex-direction:column;width:100%;max-width:680px;max-height:90vh;animation:.25s cubic-bezier(.16,1,.3,1) modalSlideUp;display:flex;overflow:hidden;box-shadow:0 20px 50px #0009}@keyframes modalSlideUp{0%{transform:translateY(20px)scale(.97)}to{transform:translateY(0)scale(1)}}.assignment-modal-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:flex-start;gap:16px;padding:24px 28px 18px;display:flex}.modal-tag-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.modal-subject-tag{color:var(--light-gray,#d6d6d6);background:#ffffff14;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600}.modal-topic-tag{color:#75d1b4;background:#75d1b426;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600}.modal-assignment-title{color:var(--white-1,#fff);margin:0;font-size:20px;line-height:1.3}.modal-close-icon-btn{color:var(--light-gray,#d6d6d6);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:22px;transition:all .2s;display:flex}.modal-close-icon-btn:hover{color:#ff6b6b;background:#ff6b6b33;border-color:#ff6b6b}.modal-meta-grid{background:#ffffff05;border-bottom:1px solid #ffffff0f;grid-template-columns:repeat(3,1fr);gap:12px;padding:16px 28px;display:grid}.modal-meta-item{align-items:center;gap:10px;display:flex}.modal-meta-item ion-icon{color:var(--color-brand-yellow,#ff6b6b);flex-shrink:0;font-size:22px}.meta-label{color:var(--light-gray-70,#aaa);font-size:11px;display:block}.meta-val{color:var(--white-1,#fff);font-size:13px}.assignment-modal-body{flex-direction:column;gap:20px;padding:24px 28px;display:flex;overflow-y:auto}.modal-section-title{color:var(--white-2,#fafafa);align-items:center;gap:6px;margin-bottom:8px;font-size:14px;font-weight:600;display:flex}.modal-desc-text{color:var(--light-gray,#d6d6d6);font-size:14px;line-height:1.6}.materials-pills-list{flex-direction:column;gap:8px;display:flex}.material-file-item{color:var(--white-2,#fafafa);background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:10px;padding:10px 14px;font-size:13px;display:flex}.material-file-item ion-icon{color:var(--color-brand-blue,#47afe5);font-size:18px}.feedback-quote-card{background:#75d1b414;border-left:3px solid #75d1b4;border-radius:0 10px 10px 0;padding:14px 18px}.feedback-quote-card p{color:var(--white-1,#fff);margin-bottom:6px;font-size:13px;font-style:italic;line-height:1.5}.feedback-author{color:#75d1b4;font-size:11px;font-weight:600}.workflow-checklist{flex-direction:column;gap:10px;display:flex}.checklist-item{color:var(--light-gray-70,#aaa);align-items:center;gap:10px;font-size:13px;display:flex}.checklist-item.done{color:#75d1b4}.checklist-item ion-icon{flex-shrink:0;font-size:18px}.assignment-modal-footer{background:#0003;border-top:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 28px 22px;display:flex}.modal-ext-link{color:var(--light-gray-70,#aaa);align-items:center;gap:6px;font-size:12px;text-decoration:underline;display:inline-flex}.modal-ext-link:hover{color:#fff}.parent-dashboard{animation:.4s backwards fade}.parent-classroom-picker-bar{background:linear-gradient(135deg,#75d1b41f,#ffb40014);border:1px solid #75d1b44d;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:16px 20px;display:flex}.picker-bar-left{align-items:center;gap:14px;display:flex}.picker-icon-badge{color:#75d1b4;background:#75d1b433;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:flex}.picker-eyebrow{letter-spacing:.8px;color:var(--orange-yellow-crayola,#f59e0b);margin-bottom:2px;font-size:10px;font-weight:700;display:block}.picker-course-title{color:var(--white-1,#fff);margin:0;font-size:17px;font-weight:600}.picker-course-sub{color:var(--light-gray-70,#aaa);margin:2px 0 0;font-size:12px}.picker-bar-right{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.picker-select-label{color:var(--light-gray-70,#aaa);font-size:12px;font-weight:600}.parent-header-card{background:var(--eerie-black-2,#1e1e1f);border:1px solid var(--jet,#383838);border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px;padding:24px;display:flex}.parent-header-left{align-items:center;gap:16px;display:flex}.parent-icon-badge{color:#75d1b4;background:linear-gradient(135deg,#75d1b433,#47afe51a);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:26px;display:flex}.parent-badge-row{align-items:center;gap:8px;margin-bottom:4px;display:flex}.parent-role-pill{color:#75d1b4;letter-spacing:.5px;background:#75d1b426;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:700}.preview-indicator{color:#ffb400;background:#ffb40026;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.parent-student-title{color:var(--white-1,#fff);margin:0;font-size:20px}.parent-course-sub{color:var(--light-gray-70,#aaa);margin-top:2px;font-size:13px}.parent-header-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.student-picker-wrapper{align-items:center;gap:8px;display:flex}.picker-label{color:var(--light-gray-70,#aaa);font-size:12px}.student-picker-select{color:var(--white-1,#fff);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff26;border-radius:8px;outline:none;padding:6px 12px;font-size:13px}.student-picker-select option{color:#fff;background:#222}.print-report-btn{color:#75d1b4;cursor:pointer;background:#75d1b426;border:1px solid #75d1b4;border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.print-report-btn:hover{color:#121212;background:#75d1b4}.parent-tabs-nav{gap:8px;margin-bottom:24px;padding-bottom:8px;display:flex;overflow-x:auto}.parent-tab-btn{color:var(--light-gray,#d6d6d6);cursor:pointer;white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.parent-tab-btn:hover{color:#fff;background:#ffffff14}.parent-tab-btn.active{background:var(--color-brand-yellow,#ff6b6b);border-color:var(--color-brand-yellow,#ff6b6b);color:#fff;box-shadow:0 4px 14px #ff6b6b4d}.parent-tab-content{animation:.3s backwards fade}.parent-metrics-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px;display:grid}.metric-box{background:var(--eerie-black-2,#1e1e1f);border:1px solid var(--jet,#383838);border-radius:16px;flex-direction:column;justify-content:space-between;padding:20px;display:flex}.metric-box.highlight-green{border-top:3px solid #75d1b4}.metric-box.highlight-blue{border-top:3px solid #47afe5}.metric-box.highlight-gold{border-top:3px solid #ffb400}.metric-box.highlight-purple{border-top:3px solid #f96653}.metric-label{color:var(--light-gray-70,#aaa);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px;font-weight:600}.metric-value-row{align-items:baseline;gap:10px;margin-bottom:6px;display:flex}.metric-big-num{color:var(--white-1,#fff);font-size:32px;font-weight:700}.metric-tier-text{color:#75d1b4;font-size:24px;font-weight:700}.grade-pill{color:#75d1b4;background:#75d1b433;border-radius:6px;padding:2px 10px;font-size:14px;font-weight:700}.sub-badge{color:var(--light-gray-70,#aaa);font-size:11px}.metric-caption{color:var(--light-gray-70,#aaa);margin:0;font-size:12px}.educator-note-card{background:var(--eerie-black-2,#1e1e1f);border:1px solid var(--jet,#383838);border-radius:16px;margin-bottom:24px;padding:24px}.note-card-header{align-items:center;gap:12px;margin-bottom:14px;display:flex}.note-avatar-wrapper{width:44px;height:44px;color:var(--color-brand-yellow,#ff6b6b);background:#ff6b6b26;border-radius:12px;justify-content:center;align-items:center;font-size:22px;display:flex}.note-author-name{color:var(--white-1,#fff);margin:0;font-size:16px}.note-date-sub{color:var(--light-gray-70,#aaa);font-size:12px}.note-quote-body{color:var(--white-2,#fafafa);border-left:3px solid var(--color-brand-yellow,#ff6b6b);margin:0;padding-left:16px;font-size:14px;font-style:italic;line-height:1.6}.progress-overview-two-col{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.overview-subcard{background:var(--eerie-black-2,#1e1e1f);border:1px solid var(--jet,#383838);border-radius:14px;padding:20px}.subcard-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.subcard-header h4{color:var(--white-1,#fff);margin:0;font-size:15px}.subcard-link{color:var(--color-brand-yellow,#ff6b6b);cursor:pointer;background:0 0;border:none;font-size:12px}.quick-due-preview-item{cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;gap:6px;padding:14px;transition:transform .2s;display:flex}.quick-due-preview-item:hover{border-color:var(--color-brand-yellow,#ff6b6b);transform:translateY(-2px)}.preview-title{color:var(--white-1,#fff);font-size:14px}.preview-sub{color:var(--light-gray-70,#aaa);font-size:12px}.all-caught-up-msg{color:#75d1b4;font-size:14px;font-weight:500}.tab-intro-card{margin-bottom:20px}.tab-intro-card h4{color:var(--white-1,#fff);margin-bottom:4px}.tab-intro-sub{color:var(--light-gray-70,#aaa);font-size:13px}.parent-pending-list,.completed-cards-list{flex-direction:column;gap:14px;display:flex}.parent-pending-card,.completed-homework-card{background:var(--eerie-black-2,#1e1e1f);border:1px solid var(--jet,#383838);border-radius:14px;padding:20px}.pending-card-top,.completed-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.urgency-badge{text-transform:uppercase;border-radius:6px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.urgency-badge.urgent{color:#ff6b6b;background:#ff6b6b33;border:1px solid #ff6b6b}.urgency-badge.overdue{color:#ff4d4d;background:#ff323240;border:1px solid #ff4d4d}.urgency-badge.normal{color:#ffb400;background:#ffb40026}.due-date-text,.completed-date-sub{color:var(--light-gray-70,#aaa);font-size:12px}.pending-item-title,.completed-title{color:var(--white-1,#fff);margin-bottom:6px;font-size:16px}.pending-item-desc{color:var(--light-gray-70,#aaa);margin-bottom:16px;font-size:13px;line-height:1.5}.pending-card-footer,.completed-footer{border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding-top:12px;display:flex}.points-label{color:var(--light-gray,#bbb);font-size:12px}.parent-action-btn{color:var(--color-brand-yellow,#ff6b6b);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;font-size:13px;font-weight:600;transition:transform .2s;display:inline-flex}.parent-action-btn:hover{transform:translate(3px)}.completed-score-badge{background:#75d1b426;border:1px solid #75d1b4;border-radius:8px;align-items:baseline;padding:4px 12px;display:flex}.score-num{color:#75d1b4;font-size:18px;font-weight:700}.score-max{color:#75d1b4;margin-left:3px;font-size:12px}.completed-feedback-box{background:#ffffff08;border-left:3px solid #75d1b4;border-radius:0 8px 8px 0;align-items:flex-start;gap:10px;margin:12px 0 14px;padding:10px 14px;display:flex}.completed-feedback-box ion-icon{color:#75d1b4;flex-shrink:0;margin-top:2px;font-size:18px}.completed-feedback-box p{color:var(--white-2,#fafafa);margin:0;font-size:13px;font-style:italic}.upcoming-timeline{flex-direction:column;gap:16px;display:flex}.timeline-item{background:var(--eerie-black-2,#1e1e1f);border:1px solid var(--jet,#383838);border-radius:14px;gap:16px;padding:18px;display:flex}.timeline-marker{color:#47afe5;background:#47afe526;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:flex}.timeline-content{flex:1}.timeline-top{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:6px;display:flex}.timeline-date{color:var(--light-gray-70,#aaa);font-size:12px}.timeline-type-pill{color:var(--white-1,#fff);background:#ffffff14;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600}.timeline-title{color:var(--white-1,#fff);margin-bottom:4px;font-size:15px}.timeline-notes{color:var(--light-gray-70,#aaa);margin:0;font-size:13px}.official-report-card{background:var(--eerie-black-2,#1e1e1f);border:2px solid var(--jet,#383838);border-radius:18px;padding:32px}.report-card-header{border-bottom:2px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;padding-bottom:20px;display:flex}.report-institution-tag{color:var(--color-brand-yellow,#ff6b6b);letter-spacing:1px;text-transform:uppercase;font-size:12px;font-weight:700}.report-doc-title{color:var(--white-1,#fff);margin:4px 0;font-size:24px}.report-doc-sub{color:var(--light-gray-70,#aaa);margin:0;font-size:13px}.report-date-block{color:var(--light-gray-70,#aaa);text-align:right;flex-direction:column;gap:4px;font-size:12px;display:flex}.report-meta-table{background:#ffffff05;border:1px solid #ffffff0f;border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:28px;padding:16px;display:grid}.report-meta-col{flex-direction:column;gap:4px;display:flex}.meta-key{color:var(--light-gray-70,#aaa);text-transform:uppercase;font-size:11px}.meta-val{color:var(--white-1,#fff);font-size:14px;font-weight:600}.meta-val.highlight{color:#75d1b4}.report-section{margin-bottom:28px}.report-section-heading{color:var(--white-1,#fff);border-bottom:1px solid #ffffff14;margin-bottom:16px;padding-bottom:8px;font-size:16px}.topics-bars-container{flex-direction:column;gap:12px;display:flex}.topic-bar-row{grid-template-columns:240px 1fr 50px;align-items:center;gap:16px;display:grid}.topic-label-col{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.topic-name{color:var(--white-2,#fafafa);font-size:13px;font-weight:500}.topic-status-tag{text-transform:uppercase;border-radius:4px;padding:1px 6px;font-size:10px;font-weight:700}.topic-status-tag.mastered{color:#75d1b4;background:#75d1b426}.topic-status-tag.proficient{color:#47afe5;background:#47afe526}.topic-status-tag.in-progress{color:#ffb400;background:#ffb40026}.topic-progress-track{background:#ffffff14;border-radius:999px;height:8px;overflow:hidden}.topic-progress-fill{background:linear-gradient(90deg,#47afe5,#75d1b4);border-radius:999px;height:100%;transition:width .6s}.topic-score-num{color:#75d1b4;text-align:right;font-size:13px;font-weight:700}.educator-assessment-text{color:var(--light-gray,#d6d6d6);background:#ffffff05;border-radius:12px;padding:18px;font-size:14px;line-height:1.6}.educator-assessment-text p{margin-bottom:10px}.educator-assessment-text p:last-child{margin-bottom:0}.report-signatures-row{border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;gap:20px;padding-top:24px;display:flex}.signature-block{flex-direction:column;gap:4px;display:flex}.signature-line{color:var(--white-1,#fff);border-bottom:1px solid var(--light-gray-70,#aaa);min-width:180px;padding-bottom:4px;font-size:16px;font-weight:600}.signature-title{color:var(--light-gray-70,#aaa);font-size:11px}.mr-tab-content{flex-direction:column;gap:20px;display:flex}.mr-controls-bar{background:var(--eerie-black-2,#1e1e1f);border:1px solid var(--jet,#383838);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;display:flex}.mr-controls-left{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.mr-select-label{color:var(--light-gray-70,#aaa);align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.mr-month-select{color:#fff;border:1px solid var(--jet,#383838);cursor:pointer;background:#2b2b2c;border-radius:8px;outline:none;padding:8px 14px;font-size:13px;font-weight:600;transition:border-color .2s}.mr-month-select:focus{border-color:#0284c7}.mr-sync-pill{color:#22c55e;background:#22c55e1f;border:1px solid #22c55e40;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.mr-controls-right{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.mr-teacher-btn{color:#eab308;cursor:pointer;background:#eab3081f;border:1px solid #eab3084d;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.mr-teacher-btn:hover{background:#eab30838}.mr-teacher-btn.active{color:#121212;background:#eab308}.mr-download-btn{color:#fff;cursor:pointer;background:#0284c7;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #0284c759}.mr-download-btn:hover{background:#0369a1;transform:translateY(-1px)}.mr-alert-notice{border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:500;display:flex}.mr-alert-notice.success{color:#22c55e;background:#22c55e26;border:1px solid #22c55e4d}.mr-summative-editor-card{background:var(--eerie-black-2,#1e1e1f);border:1px solid #eab30859;border-radius:12px;margin-bottom:8px;padding:20px 22px}.mr-editor-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px;display:flex}.mr-editor-title-row{color:#fff;align-items:center;gap:8px;display:flex}.mr-editor-title{color:#fff;margin:0;font-size:16px;font-weight:600}.mr-editor-badge{color:#eab308;text-transform:uppercase;background:#eab3082e;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:700}.mr-editor-sub{color:var(--light-gray-70,#aaa);margin:0 0 16px;font-size:12.5px}.mr-editor-fields-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:14px;display:grid}.mr-form-group{flex-direction:column;gap:6px;display:flex}.mr-form-group.full-width{margin-bottom:16px}.mr-form-group label{color:var(--light-gray-70,#aaa);font-size:12px;font-weight:600}.mr-form-group input,.mr-form-group textarea{border:1px solid var(--jet,#383838);color:#fff;background:#141415;border-radius:8px;outline:none;padding:9px 12px;font-family:inherit;font-size:13px;transition:border-color .2s}.mr-form-group input:focus,.mr-form-group textarea:focus{border-color:#0284c7}.mr-editor-actions{gap:10px;display:flex}.mr-save-btn{color:#fff;cursor:pointer;background:#0284c7;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:600;transition:background .2s;display:inline-flex}.mr-save-btn:hover{background:#0369a1}.mr-cancel-btn{color:var(--light-gray-70,#aaa);border:1px solid var(--jet,#383838);cursor:pointer;background:0 0;border-radius:8px;padding:8px 16px;font-size:13px;transition:all .2s}.mr-cancel-btn:hover{color:#fff;background:#ffffff0d}.monthly-report-card{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:12px;max-width:860px;margin:0 auto;padding:36px 42px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;box-shadow:0 8px 30px #0000001f}.mr-doc-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.mr-doc-title{color:#0369a1;letter-spacing:-.2px;margin:0 0 4px;font-size:21px;font-weight:700}.mr-doc-subtitle{color:#64748b;margin:0;font-size:11.5px;font-weight:500}.mr-doc-header-right{text-align:right;flex-shrink:0}.mr-cycle-tag{color:#0369a1;letter-spacing:.8px;text-transform:uppercase;margin-bottom:2px;font-size:9.5px;font-weight:700;display:block}.mr-cycle-val{color:#475569;font-size:12.5px;font-weight:600}.mr-header-divider{background:#0284c7;width:100%;height:2px;margin:14px 0 18px}.mr-meta-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px;padding:12px 18px;display:grid}.mr-meta-item{flex-direction:column;gap:3px;display:flex}.mr-meta-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:9px;font-weight:700}.mr-meta-value{color:#0f172a;font-size:13px;font-weight:700}.mr-kpi-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px;display:grid}.mr-kpi-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:14px 8px;box-shadow:0 1px 3px #00000005}.mr-kpi-number{color:#0f172a;margin-bottom:4px;font-size:21px;font-weight:800;line-height:1.1}.mr-kpi-caption{color:#64748b;font-size:10.5px;font-weight:600}.mr-kpi-sub-label{color:#94a3b8;margin-top:2px;font-size:9px;font-weight:500;display:block}.mr-section{margin-bottom:22px}.mr-section-heading{color:#0f172a;letter-spacing:-.1px;margin:0 0 10px;font-size:13px;font-weight:700}.mr-section-heading-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.mr-section-heading-row .mr-section-heading{margin:0}.mr-section-teacher-actions{align-items:center;gap:8px;display:inline-flex}.mr-section-edit-btn{color:#0284c7;cursor:pointer;background:#0284c714;border:1px solid #0284c740;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:600;transition:all .2s;display:inline-flex}.mr-section-edit-btn:hover{background:#0284c729;border-color:#0284c7}.mr-badge-custom-indicator{color:#059669;text-transform:uppercase;letter-spacing:.3px;background:#10b9811a;border:1px solid #10b98140;border-radius:999px;padding:2px 7px;font-size:10px;font-weight:700;display:inline-block}.mr-table-wrapper{border:1px solid #e2e8f0;border-radius:6px;overflow:hidden}.mr-table{border-collapse:collapse;width:100%;font-size:11px}.mr-table thead th{color:#334155;text-transform:uppercase;letter-spacing:.5px;text-align:left;background:#f1f5f9;border-bottom:1px solid #e2e8f0;padding:8px 12px;font-size:9.5px;font-weight:700}.mr-table tbody tr{border-bottom:1px solid #f1f5f9}.mr-table tbody tr:last-child{border-bottom:none}.mr-table tbody td{vertical-align:top;padding:9px 12px;line-height:1.45}.mr-cell-date{color:#1e293b;white-space:nowrap;font-size:10.5px;font-weight:600}.mr-cell-topics{color:#1e293b;font-size:11px}.mr-cell-ref{color:#334155;font-size:10.5px}.mr-cell-status{text-align:left}.mr-status-pill{border-radius:4px;padding:2px 7px;font-size:9.5px;font-weight:700;display:inline-block}.mr-status-pill.mastered,.mr-status-pill.completed{color:#15803d;background:#dcfce7}.mr-status-pill.in-review{color:#b45309;background:#fef3c7}.mr-status-pill.assigned{color:#0369a1;background:#e0f2fe}.mr-status-pill.overdue{color:#b91c1c;background:#fee2e2}.mr-assessment-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.mr-assessment-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px 14px}.mr-assessment-card-header{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:6px;display:flex}.mr-assessment-title{color:#334155;font-size:11px;font-weight:700}.mr-assessment-score{color:#0f172a;font-size:11.5px;font-weight:700}.mr-assessment-note{color:#64748b;margin:0;font-size:10.5px;line-height:1.45}.mr-remarks-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px 14px}.mr-remark-line{color:#334155;margin:0 0 8px;font-size:11.5px;line-height:1.5}.mr-remark-line:last-child{margin:0}.mr-remark-bold{color:#0f172a;font-weight:700}.mr-remarks-editor-card{background:var(--eerie-black-2,#1e1e1f);border:1px solid #0284c759;border-radius:12px;margin-bottom:12px;padding:20px 22px;box-shadow:0 4px 20px #00000026}.mr-reset-btn{color:#eab308;cursor:pointer;background:0 0;border:1px dashed #eab30866;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:12.5px;font-weight:600;transition:all .2s;display:inline-flex}.mr-reset-btn:hover{background:#eab3081a;border-color:#eab308}.mr-editor-recs-grid{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px;display:grid}@media (width<=640px){.mr-editor-recs-grid{grid-template-columns:1fr}}.mr-field-hint{color:var(--light-gray-70,#94a3b8);margin-top:2px;font-size:11px;font-weight:400;display:block}.mr-recs-grid{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:22px;display:grid}.mr-recs-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px 14px}.mr-recs-card-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.mr-recs-card-header .mr-recs-heading{margin:0}.mr-recs-edit-btn{color:#0284c7;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:4px;padding:2px 6px;font-size:11px;font-weight:600;transition:all .2s;display:inline-flex}.mr-recs-edit-btn:hover{color:#0369a1;background:#0284c71a}.mr-recs-heading{color:#0f172a;margin:0 0 8px;font-size:11px;font-weight:700}.mr-recs-list{color:#475569;margin:0;padding-left:16px;font-size:11px;line-height:1.55}.mr-recs-list li{margin-bottom:4px}.mr-recs-list li:last-child{margin-bottom:0}.mr-footer{color:#64748b;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-top:18px;padding-top:10px;font-size:10px;font-weight:500;display:flex}.mr-footer-left,.mr-footer-right{color:#64748b}.preview-switch-group{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;gap:2px;padding:2px;display:flex}.role-switch-pill{color:var(--light-gray,#d6d6d6);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .2s}.role-switch-pill.active{background:var(--white-1,#fff);color:var(--white-1,#fffeff);font-weight:600}[data-theme=light] .role-switch-pill.active{color:#fff}[data-theme=dark] .role-switch-pill.active{color:#030303}.dashboard-tab.highlight-parent{color:#75d1b4;border:1px solid #75d1b44d}.dashboard-tab.highlight-parent.active{color:#f7f0f0;background:#75d1b4;font-weight:600}.filter-and-search-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.filter-chips-list{flex-wrap:wrap;gap:8px;display:flex}.filter-chip{color:var(--light-gray,#d6d6d6);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:6px 14px;font-size:12px;font-weight:500;transition:all .2s}.filter-chip:hover{background:#ffffff1a}.filter-chip.active{background:var(--color-brand-yellow,#ff6b6b);border-color:var(--color-brand-yellow,#ff6b6b);color:#fff}.results-meta-bar{color:var(--light-gray-70,#aaa);margin-bottom:16px;font-size:12px}.student-subject-tag{color:#47afe5;background:#47afe51f;border-radius:4px;padding:2px 8px;font-size:11px}.classroom-card-actions-row{border-top:1px solid #ffffff0f;gap:8px;padding-top:12px;display:flex}.card-action-btn{cursor:pointer;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-size:12px;font-weight:500;transition:all .2s;display:inline-flex}.card-action-btn.primary{color:var(--color-brand-yellow,#ff6b6b);background:#ff6b6b26}.card-action-btn.primary:hover{background:var(--color-brand-yellow,#ff6b6b);color:#fff}.card-action-btn.parent-btn{color:#75d1b4;background:#75d1b41f}.card-action-btn.parent-btn:hover{color:#121212;background:#75d1b4}.hero-cta-btn.parent-link-cta{color:#75d1b4;background:#75d1b426;border:1px solid #75d1b4}.hero-cta-btn.parent-link-cta:hover{color:#121212;background:#75d1b4}.clickable{cursor:pointer;transition:transform .2s,border-color .2s}.clickable:hover{border-color:var(--color-brand-yellow,#ff6b6b);transform:translateY(-2px)}.clickable-table-row{cursor:pointer;transition:background .15s}.clickable-table-row:hover{background:#ffffff0a}.feedback-preview-cell{max-width:280px}.feedback-snippet{color:#75d1b4;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;font-style:italic;display:-webkit-box;overflow:hidden}@media print{@page{size:A4 portrait;margin:10mm 12mm}html,body{color:#0f172a!important;background:#fff!important;font-size:11pt!important}.sidebar,.navbar,.mobile-hamburger,.mobile-menu-popup,.whatsapp-fab,.theme-toggle-btn,.body-bg-video-container,.classroom-auth-card,.dashboard-nav-tabs,.parent-tabs-nav,.parent-classroom-picker-bar,.parent-header-card,.parent-header-actions,.parent-badge-row,.assignment-modal-backdrop,.mr-controls-bar,.mr-alert-notice,.mr-summative-editor-card,.mr-remarks-editor-card,.mr-section-teacher-actions,.mr-section-edit-btn,.mr-recs-edit-btn,.mr-badge-custom-indicator{display:none!important}main,.main-content,article,.classroom-portal,.tab-pane,.parent-dashboard,.parent-tab-content,.mr-tab-content{width:100%!important;max-width:100%!important;box-shadow:none!important;background:0 0!important;border:none!important;margin:0!important;padding:0!important}.monthly-report-card{color:#0f172a!important;box-shadow:none!important;page-break-inside:avoid!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background:#fff!important;border:none!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}.mr-header-divider{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background:#0284c7!important}.mr-meta-box,.mr-kpi-card,.mr-assessment-card,.mr-remarks-card,.mr-recs-card{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background:#f8fafc!important;border:1px solid #e2e8f0!important}.mr-table thead th{color:#334155!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background:#f1f5f9!important}.mr-table-wrapper{page-break-inside:avoid!important;border:1px solid #e2e8f0!important}.mr-status-pill{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.mr-status-pill.mastered,.mr-status-pill.completed{color:#15803d!important;background:#dcfce7!important}.mr-status-pill.in-review{color:#b45309!important;background:#fef3c7!important}.mr-status-pill.assigned{color:#0369a1!important;background:#e0f2fe!important}.mr-status-pill.overdue{color:#b91c1c!important;background:#fee2e2!important}.official-report-card{color:#121212!important;box-shadow:none!important;background:#fff!important;border:1px solid #ddd!important;padding:24px!important}.report-doc-title,.meta-val,.topic-name,.signature-line{color:#121212!important}.meta-key,.report-doc-sub,.signature-title,.report-date-block{color:#555!important}.report-meta-table,.educator-assessment-text{color:#212529!important;background:#f8f9fa!important;border:1px solid #e9ecef!important}.topic-progress-track{background:#e9ecef!important}.topic-progress-fill{background:#2563eb!important}.topic-score-num,.meta-val.highlight{color:#059669!important}}.dashboard-tab.highlight-announcement{color:#8ab4f8;background:#4285f414;border-color:#4285f44d}.dashboard-tab.highlight-announcement:hover,.dashboard-tab.highlight-announcement.active{color:#fff;background:#4285f433;border-color:#4285f4}.card-action-btn.announcement-btn{color:#8ab4f8;background:#4285f41f;border:1px solid #4285f440}.card-action-btn.announcement-btn:hover{color:#fff;background:#4285f4;border-color:#4285f4}.session-announcement-generator{flex-direction:column;gap:24px;animation:.3s ease-in-out fadeIn;display:flex}.announcement-header-card{background:var(--eerie-black-2,#1f1f23);border:1px solid #ffffff14;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:24px;display:flex;box-shadow:0 8px 24px #00000040}.announcement-header-left{flex:1;align-items:center;gap:16px;min-width:280px;display:flex}.announcement-icon-badge{color:#8ab4f8;background:linear-gradient(135deg,#4285f440,#34a85340);border:1px solid #4285f466;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;font-size:26px;display:flex}.announcement-badge-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:6px;display:flex}.announcement-type-pill{letter-spacing:.8px;text-transform:uppercase;color:#8ab4f8;background:#4285f426;border:1px solid #4285f44d;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:700}.announcement-title{color:var(--white-1,#fff);margin-bottom:4px;font-size:22px;font-weight:600}.announcement-subtitle{color:var(--light-gray-70,#a0a0a5);max-width:650px;font-size:13px;line-height:1.5}.announcement-header-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.announcement-action-btn{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:11px 18px;font-size:13px;font-weight:600;transition:all .25s;display:inline-flex}.announcement-action-btn ion-icon{font-size:18px}.announcement-action-btn.copy-btn{color:var(--white-1,#fff);background:#ffffff14;border:1px solid #ffffff26}.announcement-action-btn.copy-btn:hover{background:#ffffff26;border-color:#ffffff4d}.announcement-action-btn.copy-btn.copied{color:#81c995;background:#34a85333;border-color:#34a853}.announcement-action-btn.post-btn{color:#fff;background:linear-gradient(135deg,#1a73e8,#4285f4);box-shadow:0 4px 14px #1a73e859}.announcement-action-btn.post-btn:hover{background:linear-gradient(135deg,#1557b0,#1a73e8);transform:translateY(-1px);box-shadow:0 6px 18px #1a73e880}.announcement-action-btn.post-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.announcement-alert{border-radius:12px;align-items:center;gap:12px;padding:14px 18px;font-size:14px;animation:.3s slideDown;display:flex}.announcement-alert ion-icon{flex-shrink:0;font-size:20px}.announcement-alert.success{color:#81c995;background:#34a85326;border:1px solid #34a85359}.announcement-alert.error{color:#f28b82;background:#ea433526;border:1px solid #ea433559}.announcement-alert.info{color:#8ab4f8;background:#4285f426;border:1px solid #4285f459}.close-alert-btn{color:inherit;cursor:pointer;opacity:.7;background:0 0;border:none;margin-left:auto;font-size:16px}.close-alert-btn:hover{opacity:1}.announcement-builder-grid{grid-template-columns:1.15fr .95fr;gap:24px;display:grid}@media (width<=1080px){.announcement-builder-grid{grid-template-columns:1fr}}.pane-card{background:var(--eerie-black-2,#1f1f23);border:1px solid #ffffff14;border-radius:16px;padding:24px;box-shadow:0 6px 20px #0003}.pane-title{color:var(--white-1,#fff);border-bottom:1px solid #ffffff14;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:12px;font-size:17px;font-weight:600;display:flex}.pane-title ion-icon{color:#8ab4f8;font-size:20px}.form-group{margin-bottom:18px}.form-row.two-col{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=600px){.form-row.two-col{grid-template-columns:1fr}}.form-label{text-transform:uppercase;letter-spacing:.5px;color:var(--light-gray-70,#a0a0a5);margin-bottom:6px;font-size:12px;font-weight:600;display:block}.label-with-presets{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.label-with-presets .form-label{margin-bottom:0}.quick-chips{flex-wrap:wrap;gap:6px;display:flex}.chip-btn{color:#8ab4f8;cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;padding:3px 8px;font-size:11px;transition:all .2s}.chip-btn:hover{color:#fff;background:#4285f433;border-color:#4285f4}.chip-btn.active{color:#fff;background:#4285f44d;border-color:#4285f4;font-weight:600}.form-input,.form-select,.form-textarea{width:100%;color:var(--white-1,#fff);box-sizing:border-box;background:#0000004d;border:1px solid #ffffff1f;border-radius:10px;padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#4285f4;outline:none;box-shadow:0 0 0 3px #4285f433}.form-textarea{resize:vertical;line-height:1.6}.session-number-control{align-items:center;gap:6px;display:flex}.session-number-control .form-input{text-align:center;max-width:90px;font-size:16px;font-weight:700}.stepper-btns{gap:4px;display:flex}.stepper-btn{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;justify-content:center;align-items:center;width:34px;height:38px;font-weight:700;transition:all .2s;display:flex}.stepper-btn:hover{background:#4285f440;border-color:#4285f4}.share-actions-box{flex-direction:column;justify-content:flex-end;display:flex}.share-buttons-row{gap:10px;display:flex}.share-icon-btn{border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 12px;font-size:12px;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.share-icon-btn.whatsapp{color:#25d366;background:#25d36626;border:1px solid #25d36659}.share-icon-btn.whatsapp:hover{color:#fff;background:#25d366}.share-icon-btn.email{color:#8ab4f8;background:#4285f426;border:1px solid #4285f459}.share-icon-btn.email:hover{color:#fff;background:#4285f4}.email-dropdown-wrapper{flex:1;display:flex;position:relative}.email-trigger-btn{cursor:pointer;appearance:none;color:#8ab4f8;background:#4285f426;border:1px solid #4285f459;width:100%;font-family:inherit}.email-trigger-btn:hover{color:#fff;background:#4285f4}.email-trigger-btn.active{color:#fff;background:#4285f4;border-color:#4285f4;box-shadow:0 0 0 2px #4285f459}.dropdown-caret{margin-left:2px;font-size:13px;transition:transform .2s}.email-trigger-btn.active .dropdown-caret{transform:rotate(180deg)}.email-options-menu{background:var(--eerie-black-1,#17171a);z-index:99;transform-origin:100% 0;border:1px solid #ffffff1f;border-radius:12px;flex-direction:column;gap:4px;width:310px;padding:8px;animation:.18s cubic-bezier(.16,1,.3,1) emailDropdownAnim;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 32px #00000073,0 0 1px #fff3}@keyframes emailDropdownAnim{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.email-menu-header{text-transform:uppercase;letter-spacing:.5px;color:var(--light-gray-70,#a0a0a5);padding:6px 8px 4px;font-size:11px;font-weight:600}.email-option-item{color:var(--white-1,#f1f3f4);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;width:100%;padding:8px 10px;font-family:inherit;transition:all .15s;display:flex}.email-option-item:hover{background:#ffffff14;border-color:#ffffff1f;transform:translate(2px)}.email-option-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:18px;display:flex}.email-option-item.gmail .email-option-icon{color:#ea4335;background:#ea433526;border:1px solid #ea43354d}.email-option-item.outlook .email-option-icon{color:#0078d4;background:#0078d426;border:1px solid #0078d44d}.email-option-item.desktop .email-option-icon{color:#8ab4f8;background:#4285f426;border:1px solid #4285f44d}.email-option-item.copy-email .email-option-icon{color:#81c995;background:#34a85326;border:1px solid #34a8534d}.email-option-content{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.email-option-title-row{justify-content:space-between;align-items:center;gap:6px;display:flex}.email-option-name{color:var(--white-1,#f1f3f4);font-size:13px;font-weight:600}.email-option-desc{color:var(--light-gray-70,#a0a0a5);font-size:11px;line-height:1.3}.recommended-pill{text-transform:uppercase;letter-spacing:.3px;color:#34a853;white-space:nowrap;background:#34a8532e;border:1px solid #34a85366;border-radius:10px;padding:1px 6px;font-size:9px;font-weight:700}.email-menu-divider{background:#ffffff14;height:1px;margin:4px 0}.preview-card-header{border-bottom:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;display:flex}.preview-header-title{color:var(--white-1,#fff);align-items:center;gap:8px;font-size:16px;font-weight:600;display:flex}.preview-header-title ion-icon{color:#34a853;font-size:20px}.format-verified-badge{color:#81c995;background:#34a85326;border:1px solid #34a8534d;border-radius:16px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.google-classroom-stream-post{background:#ffffff0a;border:1px solid #ffffff1f;border-radius:12px;overflow:hidden;box-shadow:inset 0 1px #ffffff0d}.stream-post-header{background:#ffffff08;border-bottom:1px solid #ffffff0f;align-items:center;gap:12px;padding:16px 20px;display:flex}.stream-author-avatar{color:#fff;background:linear-gradient(135deg,#4285f4,#34a853);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;font-weight:700;display:flex}.stream-author-meta{flex-direction:column;display:flex}.author-name{color:var(--white-1,#fff);font-size:14px;font-weight:600}.post-timestamp{color:var(--light-gray-70,#a0a0a5);font-size:11px}.stream-post-content{background:#00000040;padding:20px}.announcement-pre-text{color:var(--white-1,#f1f3f4);white-space:pre-wrap;word-wrap:break-word;-webkit-user-select:text;user-select:text;margin:0;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13.5px;line-height:1.75}.stream-post-footer{background:#ffffff05;border-top:1px solid #ffffff0f;justify-content:flex-end;align-items:center;gap:10px;padding:14px 20px;display:flex}.preview-btn-copy,.preview-btn-post{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.preview-btn-copy{color:var(--white-1,#fff);background:#ffffff14;border:1px solid #ffffff26}.preview-btn-copy:hover{background:#ffffff29}.preview-btn-post{color:#fff;background:#1a73e8}.preview-btn-post:hover{background:#1557b0}.preview-btn-post:disabled{opacity:.6;cursor:not-allowed}.preview-tips-box{color:#fdd663;background:#fbbc051a;border:1px solid #fbbc0540;border-radius:12px;align-items:flex-start;gap:12px;margin-top:16px;padding:14px 16px;font-size:12.5px;line-height:1.5;display:flex}.preview-tips-box ion-icon{color:#fbbc05;flex-shrink:0;margin-top:1px;font-size:20px}.recent-history-section{border-top:1px solid #ffffff14;margin-top:24px;padding-top:16px}.history-title{text-transform:uppercase;letter-spacing:.5px;color:var(--light-gray-70,#a0a0a5);align-items:center;gap:8px;margin-bottom:12px;font-size:13px;font-weight:600;display:flex}.history-list{flex-direction:column;gap:10px;display:flex}.history-item{background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;padding:12px 14px;transition:all .2s}.history-item:hover{background:#ffffff0f;border-color:#ffffff1f}.history-item-top{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.history-tag{color:#8ab4f8;font-size:11px;font-weight:600}.history-date{color:var(--light-gray-70,#a0a0a5);font-size:10px}.history-preview-text{color:var(--light-gray-70,#a0a0a5);margin-bottom:8px;font-size:12px;line-height:1.4}.history-load-btn{color:#4285f4;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:11px;font-weight:600;display:inline-flex}.history-load-btn:hover{color:#8ab4f8;text-decoration:underline}[data-theme=light] .announcement-header-card,[data-theme=light] .pane-card{background:#fff;border-color:#e2e8f0;box-shadow:0 4px 16px #0000000f}[data-theme=light] .announcement-title,[data-theme=light] .pane-title,[data-theme=light] .preview-header-title,[data-theme=light] .author-name{color:#1a202c}[data-theme=light] .form-input,[data-theme=light] .form-select,[data-theme=light] .form-textarea{color:#1e293b;background:#f8fafc;border-color:#cbd5e1}[data-theme=light] .google-classroom-stream-post{background:#fff;border-color:#e2e8f0}[data-theme=light] .stream-post-header{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .stream-post-content{background:#f1f5f9}[data-theme=light] .announcement-pre-text{color:#0f172a}[data-theme=light] .chip-btn{color:#2563eb;background:#f1f5f9;border-color:#cbd5e1}[data-theme=light] .preview-tips-box{color:#854d0e;background:#fefce8;border-color:#fef08a}[data-theme=light] .announcement-alert.info{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}[data-theme=light] .email-options-menu{background:#fff;border-color:#cbd5e1;box-shadow:0 12px 32px #0000001f,0 1px 3px #00000014}[data-theme=light] .email-menu-header{color:#64748b}[data-theme=light] .email-option-item{color:#1e293b}[data-theme=light] .email-option-item:hover{background:#f1f5f9;border-color:#e2e8f0}[data-theme=light] .email-option-name{color:#0f172a}[data-theme=light] .email-option-desc{color:#64748b}[data-theme=light] .email-menu-divider{background:#e2e8f0}[data-theme=light] .share-icon-btn.email,[data-theme=light] .email-trigger-btn{color:#2563eb;background:#2563eb14;border-color:#2563eb40}[data-theme=light] .share-icon-btn.email:hover,[data-theme=light] .email-trigger-btn:hover,[data-theme=light] .email-trigger-btn.active{color:#fff;background:#2563eb;border-color:#2563eb}.api-sync-badge{color:#81c995;background:#34a85326;border:1px solid #34a85359;border-radius:16px;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.api-sync-badge ion-icon{color:#81c995;font-size:13px}.refresh-sync-btn{color:#8ab4f8;background:#4285f41f;border:1px solid #4285f440}.refresh-sync-btn:hover{color:#fff;background:#4285f440;border-color:#4285f4}.spin-icon{animation:1s linear infinite spinSync}@keyframes spinSync{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.announcement-sync-banner{background:linear-gradient(90deg,#4285f41f,#34a8531f);border:1px solid #4285f440;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:12px 18px;display:flex}.sync-banner-content{flex:1;align-items:center;gap:12px;min-width:260px;display:flex}.sync-banner-icon{color:#81c995;align-items:center;font-size:22px;display:flex}.sync-banner-text{color:var(--white-1,#f1f3f4);font-size:13px;line-height:1.4}.sync-banner-text em{color:#8ab4f8;font-style:normal;font-weight:600}.sync-source-tag{color:var(--light-gray-70,#a0a0a5);background:#ffffff14;border-radius:10px;margin-left:10px;padding:2px 7px;font-size:10.5px;display:inline-block}.save-classroom-btn{color:var(--white-1,#fff);cursor:pointer;white-space:nowrap;background:#ffffff14;border:1px solid #ffffff2e;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.save-classroom-btn:hover{color:#fff;background:#4285f440;border-color:#4285f4}.saved-confirm-pill{color:#81c995;background:#34a85333;border:1px solid #34a853;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.pane-title-row{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;display:flex}.pane-title-row .pane-title{border-bottom:none;margin-bottom:0;padding-bottom:0}.syncing-indicator{color:#8ab4f8;font-size:12px;font-style:italic}.highlight-classroom-select{background:#4285f40f;border:1px solid #4285f433;border-radius:12px;margin-bottom:20px;padding:14px}.classroom-dropdown{color:#8ab4f8;font-weight:600}.form-helper-text{color:var(--light-gray-70,#a0a0a5);margin-top:6px;font-size:11px;line-height:1.4;display:block}.field-source-pill{color:#8ab4f8;background:#4285f426;border:1px solid #4285f440;border-radius:10px;padding:2px 7px;font-size:10px;font-weight:600}[data-theme=light] .announcement-sync-banner{background:#e8f0fe;border-color:#c2e7ff}[data-theme=light] .sync-banner-text{color:#202124}[data-theme=light] .sync-banner-text em{color:#1a73e8}[data-theme=light] .sync-source-tag{color:#5f6368;background:#f1f3f4}[data-theme=light] .save-classroom-btn{color:#202124;background:#f1f3f4;border-color:#dadce0}[data-theme=light] .highlight-classroom-select{background:#f8fafd;border-color:#d2e3fc}[data-theme=light] .classroom-dropdown{color:#1a73e8}@media (width<=767px){.classroom-portal>header{margin-bottom:8px}.classroom-auth-card{border-radius:16px;margin-bottom:20px;padding:18px 16px}.prompt-header{align-items:flex-start;gap:12px}.google-icon-wrapper{border-radius:12px;width:44px;height:44px;font-size:24px}.classroom-actions-row{gap:12px}.google-connect-btn{justify-content:center;width:100%}.classroom-connected-bar{flex-direction:column;align-items:stretch;gap:14px}.user-profile-meta{flex-direction:row;align-items:center;gap:12px}.user-avatar{width:42px;height:42px}.user-display-name{word-break:break-word;font-size:16px;line-height:1.2}.user-email-text{word-break:break-all;font-size:12px}.connected-controls{flex-direction:column;align-items:stretch;gap:10px;width:100%}.preview-switch-group{flex-wrap:wrap;gap:6px;width:100%;padding:4px;display:flex}.role-switch-pill{white-space:nowrap;flex:auto;min-width:0;padding:8px 10px;font-size:12px}.disconnect-btn{justify-content:center;width:100%;padding:9px 14px}.dashboard-nav-tabs{scrollbar-width:none;border-bottom:none;gap:8px;margin-bottom:18px;padding-bottom:10px}.dashboard-nav-tabs::-webkit-scrollbar{display:none}.dashboard-tab{flex-shrink:0;padding:8px 12px;font-size:13px}.dashboard-tab ion-icon{font-size:16px}.dashboard-stats-row{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:18px}.stat-card{border-radius:12px;padding:14px 10px}.stat-num{font-size:22px}.stat-label{font-size:11px;line-height:1.3}.filter-and-search-row{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:14px}.search-input-group{max-width:100%;padding:10px 12px}.results-meta-bar{font-size:12px}.classrooms-grid{grid-template-columns:1fr;gap:14px}.classroom-card{padding:16px;overflow:hidden}.classroom-title,.classroom-section-text{overflow-wrap:anywhere}.classroom-card-actions-row{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.card-action-btn{min-width:0;padding:9px 6px}.student-classroom-hero{border-radius:16px;padding:22px 16px}.hero-course-title{font-size:20px;line-height:1.25}.hero-course-sub{margin-bottom:18px;font-size:13px}.course-quick-actions{gap:10px}.course-quick-actions .hero-cta-btn{justify-content:center;width:100%}.student-quick-tasks-section{margin-top:18px;padding:16px}.quick-tasks-grid{grid-template-columns:1fr;gap:12px}.assignment-card{flex-direction:column;align-items:stretch;gap:12px;padding:16px}.assignment-title-row{gap:8px}.assignment-meta-row{flex-wrap:wrap;gap:10px 16px}.view-assignment-btn{white-space:normal;justify-content:center;width:100%}.grades-summary-card{grid-template-columns:1fr;gap:12px;padding:16px}.summary-value.highlight{font-size:18px}.marks-table-wrapper{border-radius:12px}.marks-table{min-width:560px;font-size:12px}.marks-table th,.marks-table td{padding:10px 12px}.empty-state-card{padding:28px 16px}.assignment-modal-backdrop{align-items:flex-end;padding:10px}.assignment-modal-card{border-radius:18px 18px 0 0;max-width:100%;max-height:92vh}.assignment-modal-header{padding:18px 16px 14px}.modal-assignment-title{font-size:17px}.modal-close-icon-btn{width:32px;height:32px;font-size:20px}.modal-meta-grid{grid-template-columns:1fr;gap:10px;padding:14px 16px}.assignment-modal-body{gap:16px;padding:18px 16px}.assignment-modal-footer{padding:14px 16px 18px}.assignment-modal-footer .hero-cta-btn{justify-content:center;width:100%}.parent-classroom-picker-bar{flex-direction:column;align-items:stretch;gap:12px;padding:14px 16px}.picker-bar-left{gap:12px}.picker-icon-badge{width:38px;height:38px;font-size:18px}.picker-course-title{font-size:15px}.picker-bar-right{width:100%}.student-picker-wrapper{flex-direction:column;align-items:stretch;gap:6px;width:100%}.student-picker-select{width:100%;padding:9px 12px}.parent-header-card{flex-direction:column;align-items:stretch;gap:16px;padding:18px 16px}.parent-header-left{gap:12px}.parent-icon-badge{width:44px;height:44px;font-size:22px}.parent-student-title{font-size:18px;line-height:1.25}.parent-header-actions{flex-direction:column;align-items:stretch;gap:10px;width:100%}.print-report-btn{justify-content:center;width:100%}.parent-tabs-nav{scrollbar-width:none;gap:6px;margin-bottom:18px}.parent-tabs-nav::-webkit-scrollbar{display:none}.parent-tab-btn{flex-shrink:0;padding:9px 12px;font-size:12px}.parent-metrics-grid{grid-template-columns:1fr;gap:12px;margin-bottom:18px}.metric-box{padding:16px}.metric-big-num{font-size:26px}.metric-tier-text{font-size:20px}.educator-note-card{margin-bottom:18px;padding:18px 16px}.note-quote-body{padding-left:12px;font-size:13px}.progress-overview-two-col{grid-template-columns:1fr;gap:12px}.overview-subcard,.parent-pending-card,.completed-homework-card{padding:16px}.pending-card-footer,.completed-footer{flex-direction:column;align-items:flex-start;gap:10px}.pending-card-footer .parent-action-btn,.completed-footer .parent-action-btn{justify-content:center;width:100%}.timeline-item{gap:12px;padding:14px}.timeline-marker{width:38px;height:38px;font-size:18px}.official-report-card{border-radius:16px;padding:18px 16px}.report-card-header{flex-direction:column;gap:12px;margin-bottom:18px;padding-bottom:16px}.report-doc-title{font-size:20px}.report-date-block{text-align:left}.report-meta-table{grid-template-columns:1fr;gap:12px;margin-bottom:20px;padding:14px}.report-section{margin-bottom:20px}.topic-bar-row{grid-template-columns:1fr auto;grid-template-areas:"label score""bar bar";gap:8px 10px}.topic-label-col{grid-area:label}.topic-progress-track{grid-area:bar}.topic-score-num{grid-area:score}.report-signatures-row{flex-direction:column;gap:16px}.mr-controls-bar{flex-direction:column;align-items:stretch;gap:12px;padding:14px}.mr-controls-left,.mr-controls-right{flex-direction:column;align-items:stretch;width:100%}.mr-month-select,.mr-teacher-btn,.mr-download-btn{justify-content:center;width:100%}.monthly-report-card{border-radius:10px;padding:22px 16px}.mr-doc-header{flex-direction:column;gap:10px}.mr-doc-header-right{text-align:left}.mr-meta-box{grid-template-columns:1fr;gap:10px;padding:12px}.mr-kpi-grid{grid-template-columns:repeat(2,1fr);gap:10px}.mr-table-wrapper{border:none;border-radius:0;overflow:visible}.mr-table{min-width:0;display:block}.mr-table thead{display:none}.mr-table tbody{display:block}.mr-table tbody tr{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:12px;padding:12px 14px;display:block}.mr-table tbody tr:last-child{margin-bottom:0}.mr-table tbody td{border:none;flex-direction:column;align-items:flex-start;gap:3px;padding:0 0 10px;display:flex}.mr-table tbody td:last-child{padding-bottom:0}.mr-table tbody td:before{content:attr(data-label);letter-spacing:.5px;text-transform:uppercase;color:#64748b;font-size:9px;font-weight:700}.mr-cell-date{white-space:normal}.mr-assessment-grid,.mr-recs-grid{grid-template-columns:1fr;gap:12px}.mr-footer{text-align:center;flex-direction:column;gap:8px}.session-announcement-generator{gap:16px}.announcement-header-card{flex-direction:column;align-items:stretch;gap:14px;padding:18px 16px}.announcement-header-left{align-items:flex-start;gap:12px;min-width:0}.announcement-icon-badge{width:44px;height:44px;font-size:22px}.announcement-title{font-size:18px}.announcement-header-actions{flex-direction:column;align-items:stretch;width:100%}.announcement-action-btn{justify-content:center;width:100%}.pane-card{padding:16px}.share-buttons-row{flex-direction:column}.email-dropdown-wrapper{width:100%}.email-options-menu{width:100%;left:0;right:0}.stream-post-header,.stream-post-content,.stream-post-footer{padding-left:14px;padding-right:14px}.stream-post-footer{flex-direction:column;align-items:stretch}.preview-btn-copy,.preview-btn-post{justify-content:center;width:100%}.preview-card-header{gap:8px}.preview-header-title{font-size:15px}}@media (width<=480px){.dashboard-stats-row{grid-template-columns:1fr 1fr}.stat-num{font-size:20px}.role-switch-pill{padding:8px 6px;font-size:11px}.dashboard-tab{padding:7px 10px;font-size:12px}.parent-tab-btn{padding:8px 10px;font-size:11px}.user-display-name{font-size:15px}.hero-course-title{font-size:18px}.metric-big-num{font-size:24px}.topic-bar-row{grid-template-columns:1fr auto}}.theme-fab{z-index:100;cursor:pointer;width:48px;height:48px;color:var(--award-gold,#ff6b6b);border:none;border:1.5px solid var(--award-gold,#ff6b6b);background:#1e1e1e;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .3s,background .35s,color .35s,border-color .35s;display:flex;position:fixed;bottom:80px;right:20px;box-shadow:0 4px 16px #00000080,0 0 #ff3d3d00}.theme-fab:active{transform:scale(.88)}.theme-fab:hover{transform:translateY(-3px)scale(1.08);box-shadow:0 8px 28px #0000008c,0 0 0 6px #ff3d3d33}[data-theme=light] .theme-fab{background:var(--color-brand-white,#fffeff);color:#8b0000;border-color:var(--award-gold,#ff6b6b);box-shadow:0 4px 16px #6b2e2e33,0 0 #f20d0d00}[data-theme=light] .theme-fab:hover{box-shadow:0 8px 28px #6b2e2e4d,0 0 0 6px #f20d0d33}.theme-icon{width:22px;height:22px;animation:.3s cubic-bezier(.34,1.56,.64,1) icon-pop;display:block}@keyframes icon-pop{0%{opacity:0;transform:scale(.5)rotate(-30deg)}to{opacity:1;transform:scale(1)rotate(0)}}@media (width>=1024px){.theme-fab{width:52px;height:52px;bottom:28px;right:28px}.theme-icon{width:24px;height:24px}}