@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700;800&family=Great+Vibes&family=Playfair+Display:ital,wght@0,500;0,700;0,800;1,500&family=Outfit:wght@400;600;700&display=swap);
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:FontAwesome;font-style:normal;font-weight:400;src:url(/static/media/fontawesome-webfont.8b43027f47b20503057d.eot);src:url(/static/media/fontawesome-webfont.8b43027f47b20503057d.eot?#iefix&v=4.7.0) format("embedded-opentype"),url(/static/media/fontawesome-webfont.20fd1704ea223900efa9.woff2) format("woff2"),url(/static/media/fontawesome-webfont.f691f37e57f04c152e23.woff) format("woff"),url(/static/media/fontawesome-webfont.1e59d2330b4c6deb84b3.ttf) format("truetype"),url(/static/media/fontawesome-webfont.c1e38fd9e0e74ba58f7a.svg#fontawesomeregular) format("svg")}.fa{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{text-align:center;width:1.28571429em}.fa-ul{list-style-type:none;margin-left:2.14285714em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2.14285714em;position:absolute;text-align:center;top:.14285714em;width:2.14285714em}.fa-li.fa-lg{left:-1.85714286em}.fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{animation:fa-spin 2s linear infinite}.fa-pulse{animation:fa-spin 1s steps(8) infinite}@keyframes fa-spin{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";transform:scaleX(-1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";transform:scaleY(-1)}:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-rotate-90{filter:none}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-close:before,.fa-remove:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-cog:before,.fa-gear:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-repeat:before,.fa-rotate-right:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-image:before,.fa-photo:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-exclamation-triangle:before,.fa-warning:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-cogs:before,.fa-gears:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-floppy-o:before,.fa-save:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-bars:before,.fa-navicon:before,.fa-reorder:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-sort:before,.fa-unsorted:before{content:"\f0dc"}.fa-sort-desc:before,.fa-sort-down:before{content:"\f0dd"}.fa-sort-asc:before,.fa-sort-up:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-gavel:before,.fa-legal:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-bolt:before,.fa-flash:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-clipboard:before,.fa-paste:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-chain-broken:before,.fa-unlink:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-caret-square-o-down:before,.fa-toggle-down:before{content:"\f150"}.fa-caret-square-o-up:before,.fa-toggle-up:before{content:"\f151"}.fa-caret-square-o-right:before,.fa-toggle-right:before{content:"\f152"}.fa-eur:before,.fa-euro:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-inr:before,.fa-rupee:before{content:"\f156"}.fa-cny:before,.fa-jpy:before,.fa-rmb:before,.fa-yen:before{content:"\f157"}.fa-rouble:before,.fa-rub:before,.fa-ruble:before{content:"\f158"}.fa-krw:before,.fa-won:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-caret-square-o-left:before,.fa-toggle-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-try:before,.fa-turkish-lira:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-bank:before,.fa-institution:before,.fa-university:before{content:"\f19c"}.fa-graduation-cap:before,.fa-mortar-board:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-image-o:before,.fa-file-photo-o:before,.fa-file-picture-o:before{content:"\f1c5"}.fa-file-archive-o:before,.fa-file-zip-o:before{content:"\f1c6"}.fa-file-audio-o:before,.fa-file-sound-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-ring:before,.fa-life-saver:before,.fa-support:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before,.fa-resistance:before{content:"\f1d0"}.fa-empire:before,.fa-ge:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before,.fa-y-combinator-square:before,.fa-yc-square:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-paper-plane:before,.fa-send:before{content:"\f1d8"}.fa-paper-plane-o:before,.fa-send-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-futbol-o:before,.fa-soccer-ball-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-ils:before,.fa-shekel:before,.fa-sheqel:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-bed:before,.fa-hotel:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-y-combinator:before,.fa-yc:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before,.fa-battery:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-paper-o:before,.fa-hand-stop-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-television:before,.fa-tv:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-american-sign-language-interpreting:before,.fa-asl-interpreting:before{content:"\f2a3"}.fa-deaf:before,.fa-deafness:before,.fa-hard-of-hearing:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-sign-language:before,.fa-signing:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-address-card:before,.fa-vcard:before{content:"\f2bb"}.fa-address-card-o:before,.fa-vcard-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer-full:before,.fa-thermometer:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bath:before,.fa-bathtub:before,.fa-s15:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}@font-face{font-family:Spicy Sale;font-style:normal;font-weight:400;src:url(/static/media/Spicy%20Sale.f3e4703dbd073d65487c.ttf) format("truetype")}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}body,p{margin:0}p{padding:0}a{color:#000;text-decoration:none}img{width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{cursor:url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 width=%2732%27 height=%2732%27 viewBox=%270 0 32 32%27><rect x=%2712%27 y=%2714%27 width=%277%27 height=%2713%27 rx=%273%27 transform=%27rotate%28-40 15.5 20.5%29%27 fill=%27%23a78bfa%27 stroke=%27%234c1d95%27 stroke-width=%272.5%27 stroke-linejoin=%27round%27 /><path d=%27M 3 3 L 6 22 C 6.2 23 7.2 23 7.5 22 L 12 17.5 L 21.5 13 C 22.5 12.5 22.5 11.5 21.5 11 L 4.5 3.3 C 4 3 3.3 3.3 3 3.8 Z%27 fill=%27%237c3aed%27 stroke=%27%234c1d95%27 stroke-width=%272.5%27 stroke-linejoin=%27round%27 /><path d=%27M 6.5 6 L 8 18%27 fill=%27none%27 stroke=%27%23ffffff%27 stroke-width=%271.8%27 stroke-dasharray=%273 3%27 stroke-linecap=%27round%27 /><path d=%27M 8.5 5.5 L 18 9%27 fill=%27none%27 stroke=%27%23ffffff%27 stroke-width=%271.8%27 stroke-dasharray=%273 3%27 stroke-linecap=%27round%27 /><path d=%27M 18 19 L 22 23%27 fill=%27none%27 stroke=%27%23ffffff%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 /></svg>") 3 3,auto}.create-homework-nav-btn,.games-btn,.home-btn,.homework-btn,.nav-btn,.pointer,.questionType-option,.scroll-arrow-chevron,.scroll-down-arrow,.start-now-features-btn,.system,.system-subject,.teachers-btn,.tutorial-modal-close,[onClick],[role=button],a,button,input[type=button],input[type=submit],select{cursor:url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 width=%2732%27 height=%2732%27 viewBox=%270 0 32 32%27><g transform=%27rotate%28-12 16 16%29%27><path d=%27M 11 15 V 3 A 2.5 2.5 0 0 1 16 3 V 12 A 2 2 0 0 0 18 10 A 2 2 0 0 1 22 12 A 2 2 0 0 1 25 15 A 2 2 0 0 1 27 19 V 21 A 6 6 0 0 1 21 27 H 14 A 5 5 0 0 1 9 22 V 18 A 3 3 0 0 1 6 15 A 2.5 2.5 0 0 1 10.5 13.5 L 11 15%27 fill=%27%23ffffff%27 stroke=%27%234c1d95%27 stroke-width=%272.5%27 stroke-linejoin=%27round%27 /><path d=%27M 14 20 Q 15 22 17 23%27 fill=%27none%27 stroke=%27%234c1d95%27 stroke-width=%272%27 stroke-linecap=%27round%27 /><path d=%27M 17 19 Q 18.5 21 20.5 22%27 fill=%27none%27 stroke=%27%234c1d95%27 stroke-width=%272%27 stroke-linecap=%27round%27 /><path d=%27M 20 18 Q 21.5 20 23.5 21%27 fill=%27none%27 stroke=%27%234c1d95%27 stroke-width=%272%27 stroke-linecap=%27round%27 /></g></svg>") 12 2,pointer!important}.locked-card{opacity:.85;position:relative}.locked-card:hover{box-shadow:0 8px 16px #00000026;transform:translateY(-2px)}.card-lock-badge{font-size:1.25rem;margin-left:.5rem}.blurred-games-menu{filter:blur(5px);pointer-events:none}.teacher-registration-modal{align-items:center;animation:fadeIn .3s ease-in-out;background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.teacher-registration-container{animation:slideUp .3s ease-in-out;background-color:#fff;border-radius:15px;box-shadow:0 10px 40px #0000004d;max-height:85vh;max-width:700px;overflow-y:auto;width:90%}.teacher-registration-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:2px solid #f0f0f0;border-radius:15px 15px 0 0;color:#fff;display:flex;justify-content:space-between;padding:2rem}.teacher-registration-header h2{font-size:1.8rem;font-weight:700;margin:0}.close-btn{font-size:1.5rem;transition:all .2s ease}.close-btn:hover{transform:scale(1.2) rotate(90deg)}.teacher-registration-body{padding:2rem}.teacher-name-section{margin-bottom:2rem}.teacher-name-section label{color:#333;display:block;font-size:1rem;font-weight:700;margin-bottom:.5rem}.required{color:#ff6b6b}.teacher-name-input{border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-size:1rem;padding:.8rem;transition:all .3s ease;width:100%}.teacher-name-input:focus{border-color:#667eea;box-shadow:0 0 8px #667eea4d;outline:none}.groups-section{margin-top:2rem}.groups-section h3{align-items:center;color:#333;display:flex;font-size:1.2rem;gap:.5rem;margin-bottom:1.5rem}.group-card{background-color:#f9f9f9;border:2px solid #e0e0e0;border-radius:10px;margin-bottom:1.5rem;padding:1.5rem;transition:all .3s ease}.group-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26}.group-header{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.group-name-input{border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;flex:1 1;font-size:1rem;font-weight:600;padding:.8rem;transition:all .3s ease}.group-name-input:focus{border-color:#667eea;box-shadow:0 0 8px #667eea4d;outline:none}.remove-group-btn{background-color:#ff6b6b;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.6rem 1.2rem;transition:all .3s ease;white-space:nowrap}.remove-group-btn:hover{background-color:#ff5252;box-shadow:0 4px 12px #ff6b6b4d;transform:translateY(-2px)}.students-section{margin-top:1rem}.students-section label{color:#666;display:block;font-size:.95rem;font-weight:600;margin-bottom:.8rem}.student-input-row{align-items:center;display:flex;gap:.5rem;margin-bottom:.8rem}.student-name-input{border:1px solid #e0e0e0;border-radius:6px;box-sizing:border-box;flex:1 1;font-size:.95rem;padding:.7rem;transition:all .3s ease}.student-name-input:focus{border-color:#667eea;box-shadow:0 0 6px #667eea33;outline:none}.remove-student-btn{background-color:#ff6b6b;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;min-width:35px;padding:.5rem .8rem;transition:all .3s ease}.remove-student-btn:hover{background-color:#ff5252;transform:scale(1.1)}.add-student-btn{background-color:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;margin-top:.8rem;padding:.6rem 1rem;transition:all .3s ease}.add-student-btn:hover{background-color:#5568d3;box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.add-group-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;margin-top:1rem;padding:1rem;transition:all .3s ease;width:100%}.add-group-btn:hover{box-shadow:0 6px 20px #667eea4d;transform:translateY(-3px)}.teacher-registration-footer{background-color:#f9f9f9;border-radius:0 0 15px 15px;border-top:2px solid #f0f0f0;display:flex;gap:1rem;justify-content:flex-end;padding:2rem}.popup-btn,.popup-btn2{border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:700;padding:.8rem 1.5rem;transition:all .3s ease}.popup-btn{background-color:#e0e0e0;color:#333}.popup-btn:hover{background-color:#d0d0d0;transform:translateY(-2px)}.popup-btn2{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea4d;color:#fff}.popup-btn2:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.popup-btn2:disabled{cursor:not-allowed;opacity:.6}.error{border-left:4px solid #ff6b6b;border-radius:4px;font-weight:600;padding:1rem}.error,.error-dengare{background-color:#fff5f5;color:#c92a2a}.error-dengare{border-left-color:#ff6b6b}.teacher-registration-container::-webkit-scrollbar{width:8px}.teacher-registration-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.teacher-registration-container::-webkit-scrollbar-thumb{background:#667eea;border-radius:10px}.teacher-registration-container::-webkit-scrollbar-thumb:hover{background:#5568d3}@media (max-width:768px){.teacher-registration-modal{padding:1rem}.teacher-registration-container{max-height:90vh;max-width:100%}.teacher-registration-header{padding:1.5rem}.teacher-registration-header h2{font-size:1.5rem}.teacher-registration-body{padding:1.5rem}.group-header{align-items:stretch;flex-direction:column}.group-name-input,.remove-group-btn{width:100%}.teacher-registration-footer{flex-direction:column}.popup-btn,.popup-btn2{width:100%}}.teacher-help-overlay{align-items:center;animation:fadeInHelp .3s ease-out;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172a99;display:flex;inset:0;justify-content:center;padding:2rem;position:fixed;z-index:999999}.teacher-help-card{animation:slideUpHelp .5s cubic-bezier(.175,.885,.32,1.275);background:#fff;border:8px solid #f1f5f9;border-radius:40px;box-shadow:0 40px 100px #00000040;max-height:90vh;max-width:800px;overflow-y:auto;padding:3rem;position:relative;width:100%}.help-section h3{color:#0ea5e9}.help-grid{grid-template-columns:repeat(3,1fr)}.help-feature-card{padding:1.5rem;text-align:center}.help-feature-card:hover{border-color:#0ea5e9;box-shadow:0 10px 20px #0ea5e91a}.feat-icon{color:#0ea5e9;margin-bottom:1rem}.help-feature-card h4{margin:0 0 .5rem}.help-feature-card p{font-size:.9rem}.screenshot-container{background:#f1f5f9;border-radius:24px;margin-top:1.5rem;padding:1rem;text-align:center}.help-screenshot{border-radius:16px;box-shadow:0 10px 30px #0000001a;margin-bottom:1rem;width:100%}.screenshot-caption{color:#64748b;font-size:.9rem;font-weight:700}.help-btn-primary{background:#ff4757;box-shadow:0 10px 25px #ff47574d}.help-btn-primary:hover{background:#ff6b81;box-shadow:0 15px 35px #ff475780}.cta-action{display:flex;justify-content:flex-start;margin-top:1.5rem}.help-btn-secondary{background:#0ea5e9;border:none;border-radius:999px;box-shadow:0 10px 25px #0ea5e94d;color:#fff;cursor:pointer;font-size:1rem;font-weight:800;padding:1rem 2rem;transition:all .3s}.help-btn-secondary:hover{background:#38bdf8;box-shadow:0 15px 35px #0ea5e980;transform:translateY(-3px) scale(1.05)}@media (max-width:768px){.teacher-help-card{border-radius:30px;padding:2rem}.help-grid{grid-template-columns:1fr}.help-icon-title h2{font-size:1.5rem}.help-btn-primary{width:100%}}.step-by-step{background:#f8fafc;border:2px dashed #0ea5e9;border-radius:24px;display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem}.step-item{align-items:flex-start;display:flex;gap:1.2rem;text-align:left}.step-number{background:linear-gradient(135deg,#0ea5e9,#38bdf8);box-shadow:0 4px 10px #0ea5e94d;font-size:1.1rem;font-weight:900;height:28px;margin-top:2px;width:28px}.step-content-box{align-items:center;display:flex;flex-direction:row;gap:1.5rem;width:100%}.step-desc{color:#475569;flex:1 1;font-size:.95rem;line-height:1.6}.step-desc strong{color:#0f172a}.step-media{border:3px solid #fff;border-radius:12px;box-shadow:0 8px 24px #00000014;flex-shrink:0;overflow:hidden;transition:transform .3s ease;width:220px}.step-media:hover{transform:scale(1.05)}.step-screenshot-inline{display:block;height:auto;width:100%}.help-btn-secondary.registration-btn{background:linear-gradient(135deg,#10b981,#34d399);box-shadow:0 10px 25px #10b9814d}.help-btn-secondary.registration-btn:hover{background:#059669;box-shadow:0 15px 35px #10b98180}@media (max-width:768px){.step-content-box{align-items:stretch;flex-direction:column;gap:.8rem}.step-media{margin:0 auto;max-width:320px;width:100%}}.student-help-overlay{align-items:center;animation:fadeInHelp .3s ease-out;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172aa6;display:flex;inset:0;justify-content:center;padding:2rem;position:fixed;z-index:999999}@keyframes fadeInHelp{0%{opacity:0}to{opacity:1}}.student-help-card{animation:slideUpHelp .5s cubic-bezier(.175,.885,.32,1.275);background:#fff;border:8px solid #f1f5f9;border-radius:40px;box-shadow:0 40px 100px #00000040;max-height:90vh;max-width:800px;overflow-y:auto;padding:3rem;position:relative;width:100%}@keyframes slideUpHelp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.help-header{justify-content:space-between;margin-bottom:2rem}.help-header,.help-icon-title{align-items:center;display:flex}.help-icon-title{gap:1rem}.help-icon-title h2{color:#1e293b;font-family:Inter,sans-serif;font-size:2rem;font-weight:900;margin:0}.help-close{align-items:center;background:#f1f5f9;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;height:45px;justify-content:center;transition:all .2s;width:45px}.help-close:hover{background:#ff4757;color:#fff;transform:rotate(90deg)}.help-content{display:flex;flex-direction:column;gap:2.5rem}.help-section h3{color:#3b82f6;font-family:Inter,sans-serif;font-size:1.4rem;font-weight:800;margin-bottom:1rem}.help-section p{color:#475569;font-size:1.1rem;line-height:1.6;margin:0}.help-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.help-feature-card{background:#f8fafc;border:2px solid #0000;border-radius:24px;display:flex;flex-direction:column;gap:.5rem;padding:1.8rem;text-align:left;transition:all .3s}.help-feature-card:hover{background:#fff;border-color:#3b82f6;box-shadow:0 10px 25px #3b82f61a;transform:translateY(-5px)}.feat-icon{margin-bottom:.5rem}.blue-icon{color:#3b82f6}.purple-icon{color:#a855f7}.gold-icon{color:#eab308}.pink-icon{color:#ec4899}.help-feature-card h4{color:#1e293b;font-size:1.2rem;font-weight:800;margin:0}.help-feature-card p{color:#64748b;font-size:.95rem;line-height:1.5;margin:0}.guide-steps{display:flex;flex-direction:column;gap:1.2rem;margin-top:1rem}.step-card{align-items:flex-start;background:#f8fafc;border-left:5px solid #3b82f6;border-radius:20px;display:flex;gap:1.2rem;padding:1.2rem}.step-number{align-items:center;background:#3b82f6;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1rem;font-weight:800;height:32px;justify-content:center;width:32px}.step-text{display:flex;flex-direction:column;gap:.2rem}.step-text strong{color:#1e293b;font-size:1.1rem}.step-text p{color:#64748b;font-size:.95rem;margin:0}.help-footer{display:flex;justify-content:center;margin-top:3rem}.help-btn-primary{background:#3b82f6;border:none;border-radius:999px;box-shadow:0 10px 25px #3b82f64d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:800;padding:1.2rem 3rem;transition:all .3s}.help-btn-primary:hover{background:#60a5fa;box-shadow:0 15px 35px #3b82f680;transform:translateY(-3px) scale(1.05)}@media (max-width:768px){.student-help-card{border-radius:30px;padding:2rem}.help-grid{grid-template-columns:1fr}.help-icon-title h2{font-size:1.5rem}.help-btn-primary{width:100%}}.homework-wizard-overlay{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:#0f172a73;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1100}.homework-wizard-modal{background:#fffffff2;border:1px solid #fffc;border-radius:24px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 0 0 1px #0000000d;display:flex;flex-direction:column;max-height:85vh;max-width:750px;overflow:hidden;width:90%}.animate-pop-in{animation:popIn .3s cubic-bezier(.34,1.56,.64,1)}.homework-wizard-header{align-items:center;border-bottom:1px solid #f1f5f9e6;display:flex;justify-content:space-between;padding:1.25rem 2rem}.header-left{align-items:center;display:flex;gap:.75rem}.header-left h2{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0}.wizard-back-btn,.wizard-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s ease}.wizard-back-btn:hover{background-color:#f1f5f9;color:#0f172a}.wizard-close-btn:hover{background-color:#fee2e2;color:#ef4444}.wizard-progress-bar{align-items:center;background-color:#f8fafc;border-bottom:1px solid #f1f5f9e6;display:flex;justify-content:space-between;padding:1rem 3rem}.progress-step{align-items:center;display:flex;flex-direction:column;gap:.5rem;z-index:1}.progress-step span{color:#94a3b8;font-size:.75rem;font-weight:600}.step-num{align-items:center;background-color:#e2e8f0;border-radius:50%;color:#64748b;display:flex;font-size:.85rem;font-weight:700;height:28px;justify-content:center;transition:all .3s ease;width:28px}.progress-connector{background-color:#e2e8f0;flex-grow:1;height:3px;margin:0 1rem 1.25rem}.progress-step.active .step-num{background-color:#3b82f6;box-shadow:0 0 0 4px #3b82f626;color:#fff}.progress-step.active span{color:#3b82f6}.progress-step.completed .step-num{background-color:#10b981;color:#fff}.progress-step.completed span{color:#10b981}.homework-wizard-body{flex-grow:1;min-height:280px;overflow-y:auto;padding:1.5rem 2rem}.step-instruction{color:#475569;font-size:1rem;font-weight:500;margin-bottom:1.5rem}.type-options-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;padding:.5rem 0}.type-card{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:20px;cursor:pointer;display:flex;flex-direction:column;gap:1rem;padding:2rem 1.5rem;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.type-card:hover{border-color:#3b82f6;box-shadow:0 12px 20px -8px #00000026;transform:translateY(-5px)}.type-icon-circle{align-items:center;border-radius:50%;display:flex;height:75px;justify-content:center;margin-bottom:.5rem;width:75px}.mcq-icon-bg{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#2563eb}.completion-icon-bg{background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#059669}.type-card h3{color:#0f172a;font-size:1.2rem;font-weight:700;margin:0}.type-card p{color:#64748b;font-size:.875rem;line-height:1.4;margin:0;min-height:40px}.select-type-action-btn{align-items:center;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;color:#475569;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:4px;padding:.5rem 1rem;transition:all .2s ease}.type-card:hover .select-type-action-btn{background-color:#3b82f6;border-color:#3b82f6;color:#fff}.systems-accordion-list,.units-accordion-list{display:flex;flex-direction:column;gap:.75rem}.system-accordion-item,.unit-accordion-item{background-color:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;transition:all .2s ease}.system-accordion-item:hover,.unit-accordion-item:hover{border-color:#cbd5e1}.system-accordion-item.expanded,.unit-accordion-item.expanded{border-color:#94a3b8;box-shadow:0 4px 6px -1px #0000000d}.system-accordion-header,.unit-accordion-header{align-items:center;background-color:#fff;color:#334155;cursor:pointer;display:flex;font-weight:600;justify-content:space-between;padding:1rem 1.25rem;transition:background-color .2s ease}.system-accordion-header:hover,.unit-accordion-header:hover{background-color:#f8fafc}.system-title-wrapper,.unit-title-wrapper{align-items:center;display:flex;gap:.75rem}.system-icon,.unit-icon{color:#64748b}.system-accordion-item.expanded .system-icon,.unit-accordion-item.expanded .unit-icon{color:#3b82f6}.system-accordion-content,.unit-accordion-content{background-color:#f8fafc;border-top:1px solid #f1f5f9;padding:.75rem 1.25rem 1.25rem}.subjects-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.subject-button{align-items:center;background-color:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#475569;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;justify-content:space-between;padding:.75rem 1rem;transition:all .2s ease}.subject-button:hover{border-color:#3b82f6;box-shadow:0 4px 6px -1px #0000000d;color:#3b82f6;transform:translateY(-2px)}.subj-icon{color:#94a3b8;margin-right:.5rem}.subject-button:hover .subj-icon{color:#3b82f6}.arrow-right-icon{opacity:0;transform:translateX(-4px);transition:all .2s ease}.subject-button:hover .arrow-right-icon{opacity:1;transform:translateX(0)}.selected-breadcrumb-path{align-items:center;background-color:#eff6ff;border-radius:10px;color:#1d4ed8;display:flex;font-size:.85rem;font-weight:600;gap:6px;margin-bottom:1rem;padding:.5rem 1rem}.breadcrumb-active{color:#3b82f6}.chapters-grid{display:flex;flex-direction:column;gap:.5rem}.chapter-item-btn{align-items:center;background-color:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#334155;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;padding:.75rem 1rem;transition:all .2s ease}.chapter-item-btn:hover{border-color:#10b981;color:#10b981;transform:translateX(4px)}.chapter-bullet{font-size:1.1rem;margin-right:.75rem}.chapter-action-pill{background-color:#f1f5f9;border-radius:20px;color:#64748b;font-size:.75rem;font-weight:700;margin-left:auto;padding:2px 8px;transition:all .2s ease}.chapter-item-btn:hover .chapter-action-pill{background-color:#10b981;color:#fff}.wizard-loader{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:3rem 0}.spinner{border:4px solid #f3f3f3;border-top-color:#3b82f6;height:40px;width:40px}.wizard-empty-state{color:#94a3b8;font-weight:500;padding:2rem;text-align:center}.no-chapters-text,.no-subjects-text{color:#94a3b8;font-size:.85rem;font-style:italic;padding:.5rem 0}.step-details{display:flex;flex-direction:column;gap:1.25rem}.details-form-container{grid-gap:1.5rem;align-items:start;display:grid;gap:1.5rem;grid-template-columns:1.2fr 1fr}.details-form-fields{background:#fff;border:1px solid #e2e8f0;border-radius:16px;gap:1rem;max-height:520px;overflow-y:auto;padding:1.25rem}.details-form-fields,.form-group{display:flex;flex-direction:column}.form-group{gap:.35rem}.form-group label{color:#475569;font-size:.85rem;font-weight:600}.required-star{color:#ef4444}.details-input,.details-select{background-color:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;color:#1e293b;font-size:.9rem;outline:none;padding:.65rem .85rem;transition:all .2s ease}.details-input:focus,.details-select:focus{background-color:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-row{display:flex;gap:1rem}.flex-grow-1{flex-grow:1}.flex-1{flex:1 1}.justify-content-end{justify-content:flex-end}.wizard-force-flash-toggle{align-items:center;background-color:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;color:#64748b;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:.5rem;justify-content:center;min-height:42px;padding:.65rem 1rem;transition:all .2s ease}.wizard-force-flash-toggle:hover{border-color:#cbd5e1;color:#475569}.wizard-force-flash-toggle.active{background-color:#fffbeb;border-color:#f59e0b;color:#d97706}.wizard-force-flash-toggle.active i{animation:flashPulse 1.5s infinite}@keyframes flashPulse{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.animate-slide-down{animation:slideDown .25s ease-out}.class-selector-input-group{display:flex;gap:.5rem}.add-class-btn{align-items:center;background-color:#3b82f6;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:4px;padding:0 1.25rem;transition:all .2s ease}.add-class-btn:hover{background-color:#2563eb}.selected-classes-pills{display:flex;flex-wrap:wrap;gap:.5rem;padding:.25rem}.class-pill{background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:20px;color:#166534;font-size:.8rem;font-weight:700;gap:6px;padding:2px 10px}.remove-pill-btn{align-items:center;background:none;border:none;color:#86efac;cursor:pointer;display:flex;font-size:.85rem;font-weight:700;padding:0}.remove-pill-btn:hover{color:#166534}.details-questions-preview{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;display:flex;flex-direction:column;gap:.75rem;padding:1.25rem}.details-questions-preview h3{color:#334155;font-size:.95rem;font-weight:700;margin:0}.questions-preview-list{display:flex;flex-direction:column;gap:.75rem;max-height:440px;overflow-y:auto;padding-right:4px}.preview-question-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 2px #00000005;display:flex;flex-direction:column;gap:.5rem;padding:.85rem}.preview-question-header{align-items:center;display:flex;justify-content:space-between}.q-number{color:#94a3b8;font-size:.8rem;font-weight:700}.q-points{background-color:#eff6ff;border-radius:10px;color:#1d4ed8;font-size:.75rem;font-weight:700;padding:1px 6px}.delete-question-btn{background:none;border:none;border-radius:4px;color:#94a3b8;cursor:pointer;padding:2px;transition:all .2s ease}.delete-question-btn:hover{background-color:#fee2e2;color:#ef4444}.preview-question-body{color:#475569;font-size:.85rem;font-weight:500}.preview-question-body pre{font-family:inherit;margin:0;white-space:pre-wrap}.preview-q-img{border-radius:8px;margin-bottom:.5rem;max-height:120px;max-width:100%;object-fit:contain}.wizard-error-msg{animation:shake .3s ease;background-color:#fef2f2;border:1px solid #fca5a5;border-radius:10px;color:#b91c1c}.wizard-error-msg,.wizard-success-msg{font-size:.85rem;font-weight:600;padding:.75rem 1rem}.wizard-success-msg{background-color:#f0fdf4;border:1px solid #86efac;border-radius:10px;color:#166534}.details-actions-footer{display:flex;justify-content:flex-end;margin-top:.5rem}.wizard-submit-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;box-shadow:0 4px 12px #10b98133;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;justify-content:center;padding:.85rem;transition:all .2s ease;width:100%}.wizard-submit-btn:hover{box-shadow:0 6px 16px #10b9814d;filter:brightness(1.05);transform:translateY(-2px)}.wizard-submit-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.spinner-small{animation:spin .8s linear infinite;border:2px solid #fff;border-radius:50%;border-top-color:#0000;height:20px;width:20px}@media (max-width:768px){.details-form-container{grid-template-columns:1fr}.details-form-fields{max-height:none}.questions-preview-list{max-height:300px}}@media (max-width:640px){.type-options-grid{gap:1rem;grid-template-columns:1fr}.wizard-progress-bar{padding:1rem}.progress-connector{margin:0 .25rem 1.25rem}.progress-step span{font-size:.65rem}.homework-wizard-body{padding:1rem}.form-row{flex-direction:column;gap:1rem}}.comp-wizard-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#020617e0;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9999}.comp-wizard-modal{background:linear-gradient(145deg,#0f172a,#1e1b4b);border:1px solid #8b5cf64d;border-radius:20px;box-shadow:0 25px 60px #000000b3,0 0 0 1px #8b5cf626,inset 0 1px 0 #ffffff0d;display:flex;flex-direction:column;max-height:90vh;max-width:860px;overflow:hidden;width:100%}@keyframes compPopIn{0%{opacity:0;transform:scale(.92) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.animate-comp-pop-in{animation:compPopIn .3s cubic-bezier(.175,.885,.32,1.275) forwards}.comp-wizard-header{align-items:center;background:linear-gradient(135deg,#7c3aed40,#db277726);border-bottom:1px solid #8b5cf640;display:flex;flex-shrink:0;justify-content:space-between;padding:18px 24px}.comp-header-left{align-items:center;display:flex;gap:12px}.comp-wizard-title-row{align-items:center;display:flex;gap:10px}.comp-wizard-sword{color:#a78bfa}.comp-wizard-header h2{color:#f1f5f9;font-size:20px;font-weight:800;letter-spacing:-.3px;margin:0}.comp-wizard-back-btn,.comp-wizard-close-btn{align-items:center;background:#ffffff14;border:1px solid #ffffff1f;border-radius:10px;color:#cbd5e1;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s ease}.comp-wizard-back-btn:hover,.comp-wizard-close-btn:hover{background:#ffffff26;color:#fff;transform:scale(1.05)}.comp-wizard-progress{align-items:center;background:#0f172a99;border-bottom:1px solid #8b5cf626;display:flex;flex-shrink:0;gap:0;justify-content:center;padding:16px 24px}.comp-prog-step{align-items:center;display:flex;flex-direction:column;gap:4px;opacity:.45;transition:opacity .3s ease}.comp-prog-step.active,.comp-prog-step.completed{opacity:1}.comp-step-num{align-items:center;background:#7c3aed40;border:2px solid #8b5cf666;border-radius:50%;color:#a78bfa;display:flex;font-size:13px;font-weight:800;height:30px;justify-content:center;transition:all .3s ease;width:30px}.comp-prog-step.active .comp-step-num{background:linear-gradient(135deg,#7c3aed,#db2777);border-color:#0000;box-shadow:0 0 16px #7c3aed99;color:#fff}.comp-prog-step.completed .comp-step-num{background:linear-gradient(135deg,#10b981,#059669);border-color:#0000;color:#fff}.comp-prog-step span{color:#94a3b8;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.comp-prog-step.active span{color:#a78bfa}.comp-prog-step.completed span{color:#34d399}.comp-prog-connector{background:#8b5cf633;height:2px;margin-bottom:14px;width:50px}.comp-wizard-body{flex:1 1;overflow-y:auto;padding:20px 24px}.comp-wizard-body::-webkit-scrollbar{width:6px}.comp-wizard-body::-webkit-scrollbar-track{background:#0000}.comp-wizard-body::-webkit-scrollbar-thumb{background:#7c3aed4d;border-radius:3px}.comp-wizard-loader{align-items:center;color:#94a3b8;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px}.comp-spinner{animation:compSpin .8s linear infinite;border:3px solid #7c3aed33;border-radius:50%;border-top-color:#7c3aed;height:40px;width:40px}.comp-spinner-small{animation:compSpin .7s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:18px;width:18px}@keyframes compSpin{to{transform:rotate(1turn)}}.comp-step-container{display:flex;flex-direction:column;gap:16px}.comp-step-instruction{color:#94a3b8;font-size:14px;font-weight:500;margin:0}.comp-empty-state,.comp-no-items{color:#64748b;font-size:14px;padding:30px 20px;text-align:center}.comp-type-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.comp-type-card{align-items:center;background:#1e1b4b99;border:1px solid #8b5cf633;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:10px;padding:24px 20px;text-align:center;transition:all .2s ease}.comp-type-card:hover{background:#7c3aed1f;border-color:#8b5cf680;box-shadow:0 8px 24px #7c3aed33;transform:translateY(-3px)}.comp-type-icon-circle{align-items:center;border-radius:50%;display:flex;height:72px;justify-content:center;width:72px}.comp-mcq-bg{background:#3b82f633}.comp-completion-bg{background:#10b98133}.comp-type-icon{color:#a78bfa}.comp-type-card h3{color:#e2e8f0;font-size:15px;font-weight:700;margin:0}.comp-type-card p{color:#64748b;font-size:12px;margin:0}.comp-type-select-btn{align-items:center;background:linear-gradient(135deg,#7c3aed,#db2777);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:700;gap:6px;margin-top:8px;padding:8px 14px;transition:all .2s ease}.comp-type-select-btn:hover{filter:brightness(1.1);transform:scale(1.03)}.comp-systems-list{display:flex;flex-direction:column;gap:8px}.comp-accordion-item{background:#1e1b4b80;border:1px solid #8b5cf62e;border-radius:12px;overflow:hidden;transition:border-color .2s ease}.comp-accordion-item.expanded{border-color:#8b5cf666}.comp-accordion-header{align-items:center;color:#e2e8f0;cursor:pointer;display:flex;font-size:14px;font-weight:600;justify-content:space-between;padding:14px 18px;transition:background .2s ease}.comp-accordion-header:hover{background:#7c3aed14}.comp-accordion-title{align-items:center;display:flex;gap:10px}.comp-acc-icon{color:#a78bfa}.comp-accordion-content{border-top:1px solid #8b5cf626;padding:10px 18px 14px}.comp-chapters-grid,.comp-subjects-grid{display:flex;flex-direction:column;gap:6px}.comp-chapter-btn,.comp-subject-btn{align-items:center;background:#0f172a80;border:1px solid #8b5cf61f;border-radius:9px;color:#cbd5e1;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:10px;padding:10px 14px;transition:all .2s ease}.comp-chapter-btn:hover,.comp-subject-btn:hover{background:#7c3aed1f;border-color:#8b5cf659;color:#a78bfa;transform:translateX(3px)}.comp-subj-icon{color:#a78bfa;flex-shrink:0}.comp-select-pill{background:linear-gradient(135deg,#7c3aed,#db2777);border-radius:20px;color:#fff;flex-shrink:0;font-size:10px;font-weight:800;margin-left:auto;padding:3px 10px}.comp-chapter-bullet{flex-shrink:0}.comp-breadcrumb{align-items:center;color:#64748b;display:flex;flex-wrap:wrap;font-size:12px;font-weight:600;gap:6px}.comp-breadcrumb-active{color:#a78bfa}.comp-details-step{gap:20px}.comp-details-layout{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.comp-details-form{display:flex;flex-direction:column;gap:16px}.comp-form-group{display:flex;flex-direction:column;gap:8px}.comp-form-group label{align-items:center;color:#94a3b8;display:flex;font-size:13px;font-weight:700;gap:6px;letter-spacing:.05em;text-transform:uppercase}.comp-required{color:#f43f5e}.comp-details-input{background:#0f172acc;border:1px solid #8b5cf64d;border-radius:10px;box-sizing:border-box;color:#e2e8f0;font-size:14px;font-weight:600;outline:none;padding:10px 14px;transition:border-color .2s ease;width:100%}.comp-details-input:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed26}.comp-details-input::placeholder{color:#475569}.comp-timer-presets{display:flex;flex-wrap:wrap;gap:8px}.comp-preset-btn{background:#1e1b4b99;border:1px solid #8b5cf64d;border-radius:8px;color:#94a3b8;cursor:pointer;font-size:12px;font-weight:700;padding:6px 12px;transition:all .2s ease}.comp-preset-btn:hover{border-color:#8b5cf699;color:#a78bfa}.comp-preset-btn.active{background:linear-gradient(135deg,#7c3aed,#db2777);border-color:#0000;box-shadow:0 4px 12px #7c3aed66;color:#fff}.comp-timer-hint{color:#64748b;font-size:11px;font-style:italic}.comp-error-msg{background:#ef44441a;border:1px solid #ef44444d;border-radius:10px;color:#fca5a5;font-weight:600;padding:10px 14px}.comp-launch-battle-btn{align-items:center;background:linear-gradient(135deg,#7c3aed,#db2777);border:none;border-radius:12px;box-shadow:0 4px 20px #7c3aed66;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:800;gap:8px;justify-content:center;margin-top:auto;padding:14px 20px;transition:all .2s ease;width:100%}.comp-launch-battle-btn:hover:not(:disabled){box-shadow:0 8px 28px #7c3aed8c;filter:brightness(1.1);transform:translateY(-2px)}.comp-launch-battle-btn:disabled{cursor:not-allowed;opacity:.65}.comp-questions-preview{display:flex;flex-direction:column;gap:10px}.comp-questions-preview h3{color:#94a3b8;font-size:14px;font-weight:700;letter-spacing:.05em;margin:0;text-transform:uppercase}.comp-preview-scroll{display:flex;flex-direction:column;gap:8px;max-height:340px;overflow-y:auto;padding-right:4px}.comp-preview-scroll::-webkit-scrollbar{width:4px}.comp-preview-scroll::-webkit-scrollbar-thumb{background:#7c3aed4d;border-radius:2px}.comp-preview-q-card{background:#0f172ab3;border:1px solid #8b5cf626;border-radius:10px;padding:10px 12px}.comp-preview-q-header{align-items:center;display:flex;gap:8px;margin-bottom:6px}.comp-q-num{background:#7c3aed26;border-radius:20px;color:#7c3aed;font-size:11px;font-weight:800;padding:2px 8px}.comp-q-pts{color:#64748b;font-size:11px;font-weight:600}.comp-delete-q-btn{align-items:center;background:#ef44441a;border:1px solid #ef444433;border-radius:6px;color:#f87171;cursor:pointer;display:flex;justify-content:center;margin-left:auto;padding:3px;transition:all .2s ease}.comp-delete-q-btn:hover{background:#ef444433}.comp-preview-q-body{display:flex;flex-direction:column;gap:4px}.comp-preview-q-img{border-radius:6px;max-height:80px;max-width:100%;object-fit:contain}.comp-preview-q-body pre{color:#cbd5e1;font-family:monospace;font-size:12px;margin:0;white-space:pre-wrap;word-break:break-word}@media (max-width:720px){.comp-wizard-overlay{padding:10px}.comp-wizard-modal{border-radius:14px;max-height:95vh}.comp-wizard-header{padding:14px 16px}.comp-wizard-header h2{font-size:16px}.comp-wizard-body{padding:16px}.comp-details-layout,.comp-type-grid{grid-template-columns:1fr}.comp-wizard-progress{gap:0;padding:12px 16px}.comp-prog-connector{width:24px}.comp-prog-step span{font-size:9px}}.tutorial-modal-overlay{align-items:center;animation:fadeIn .3s ease;background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:9999}.tutorial-modal-container{animation:slideUp .3s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto;padding:2rem;position:relative;width:100%}.tutorial-modal-close{align-items:center;background:#f5f5f5;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .2s ease;width:40px;z-index:1}.tutorial-modal-close:hover{background:#e0e0e0;color:#333;transform:rotate(90deg)}.tutorial-modal-header{margin-bottom:1.5rem;padding-right:40px;text-align:center}.tutorial-modal-header h2{color:#333;font-size:24px;font-weight:700;margin:0 0 .5rem}.tutorial-modal-header p{color:#666;font-size:15px;margin:0}.tutorial-modal-body{display:flex;flex-direction:column;gap:1.5rem}.video-wrapper{background:#000;border-radius:12px;box-shadow:0 4px 20px #00000026;overflow:hidden;width:100%}.tutorial-video{display:block;height:auto;max-height:450px;width:100%}.video-fallback{color:#fff;font-size:14px;padding:2rem;text-align:center}.tutorial-tips{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-left:4px solid #4ecdc4;border-radius:12px;padding:1.25rem}.tip-title{color:#333;font-size:16px;font-weight:700;margin:0 0 .75rem}.tips-list{list-style:none;margin:0;padding-left:1.5rem}.tips-list li{color:#555;font-size:14px;margin-bottom:.5rem;padding-left:.5rem;position:relative}.tips-list li:last-child{margin-bottom:0}.tips-list li:before{color:#4ecdc4;content:"✓";font-size:16px;font-weight:700;left:-1.25rem;position:absolute}@media only screen and (max-width:768px){.tutorial-modal-container{max-height:95vh;padding:1.5rem}.tutorial-modal-header{padding-right:30px}.tutorial-modal-header h2{font-size:20px}.tutorial-modal-header p{font-size:14px}.tutorial-video{max-height:300px}.tutorial-tips{padding:1rem}.tip-title{font-size:15px}.tips-list li{font-size:13px}}@media only screen and (max-width:480px){.tutorial-modal-container{border-radius:16px;padding:1.25rem}.tutorial-modal-header h2{font-size:18px}.tutorial-video{max-height:250px}}.h-100vh{height:100vh}.input-form{border:1px solid #bbb;border-radius:20px;margin-right:.3rem;margin-top:1.8rem;outline:none;padding:12px 15px;width:300px}.error-line{margin-top:-1.5rem}.error,.error-line{color:red;font-size:17px}.error{background-color:#d89393;border-radius:10px;font-weight:500;margin-bottom:1rem;padding:1rem .3rem;text-align:center;width:340px}.error-dengare{margin-bottom:0;margin-top:.6rem;width:100%}.d-flex{display:flex}.flex-wrap{flex-wrap:wrap}.justify-content-center{justify-content:center}.justify-content-space-around{justify-content:space-around}.justify-content-space-between{justify-content:space-between}.align-items-center{align-items:center}.flex-direction-column{flex-direction:column}.justify-content-flex-start{justify-content:flex-start}.d-none{display:none}.d-block{display:block}.text-color{color:#383838}.text-error{color:#e00505!important}.button{background-color:#0303ad;border:0;border-radius:10px;color:#fff;cursor:pointer;font-size:1.1rem;padding:.6rem 1rem}.error-container,.loading-container{padding-top:15rem}.text-red{color:#ff3131}.text-purple{color:#5d17eb}.text-gray{color:#797777}.text-center{text-align:center}.loader{animation:rotation 1s linear infinite;border:3px solid;border-color:#fff #fff #0000;border-radius:50%;box-sizing:border-box;display:inline-block;height:20px;width:20px}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.alert{background-color:green;border-radius:10px;color:#fff;padding:1rem .5rem;position:fixed;text-align:center;top:-250px;transition:.7s;width:350px;z-index:99999}.alert-active{top:30px!important}.skeleton{animation:skeleton-loading 1s linear infinite alternate}.keyboard-container{grid-gap:6px;background-color:#fff;border-radius:8px;box-shadow:0 2px 6px #0000001a;display:grid;gap:6px;grid-template-columns:repeat(5,1fr);padding:8px;position:relative;width:100%;z-index:1000}.digit-button{align-items:center;aspect-ratio:1;background-color:#f0f0f0;border-radius:8px;display:flex;font-size:36px;justify-content:center;line-height:1;margin:0!important;min-height:48px;padding:0!important;transition:all .15s ease;width:100%!important}.digit-button:active{background-color:#ddd;transform:scale(.95)}.digit-button:hover{background-color:#e0e0e0}.toggle-btn{aspect-ratio:1;background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:20px;font-weight:700;line-height:1;margin:0!important;min-height:48px;padding:0!important;transition:all .15s ease;width:100%!important}.toggle-btn:active{background-color:#0056b3;transform:scale(.95)}.toggle-btn:hover{background-color:#0069d9}.keyboard-next-btn{aspect-ratio:auto!important;background-color:#65c6ee!important;border-radius:8px;grid-column:span 3;margin-top:6px;min-height:48px;padding:12px!important;width:100%!important}.input-style{border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 4px #0000001a;box-sizing:border-box;cursor:pointer;font-size:16px;outline:none;padding:10px 12px;width:100%}@media only screen and (min-width:993px){.keyboard-container{gap:6px;grid-template-columns:repeat(3,1fr);max-width:300px;padding:8px}.digit-button{font-size:26px;min-height:48px}.toggle-btn{font-size:20px;grid-column:span 2;min-height:48px}.keyboard-next-btn{grid-column:span 3;margin-top:6px;min-height:48px;padding:12px!important}}@media only screen and (max-width:600px){.keyboard-container{gap:4px;padding:6px}.digit-button{font-size:32px}.digit-button,.toggle-btn{border-radius:6px;min-height:44px}.toggle-btn{font-size:18px}.keyboard-next-btn{margin-top:4px;min-height:44px;padding:10px!important}.input-style{font-size:14px;padding:8px 10px}}@media only screen and (max-width:360px){.keyboard-container{gap:3px;padding:4px}.digit-button{font-size:28px;min-height:40px}.toggle-btn{font-size:16px;min-height:40px}.keyboard-next-btn{margin-top:3px;min-height:40px;padding:8px!important}.input-style{font-size:12px;padding:6px 8px}}.btn-red{background-color:red!important;color:#fff!important}@keyframes skeleton-loading{0%{background-color:#a3b8c2}to{background-color:#f0f3f5}}nav .nav-container{height:95px!important;min-height:90px!important;padding:.35rem 2rem!important}nav .nav-container img{max-height:100px!important;object-fit:contain;width:230px!important}.nav-right-side img{height:55px!important;width:55px!important}.nav-btn{align-items:center;background:linear-gradient(180deg,#00d2ff,#008eb8)!important;border:none!important;border-radius:12px!important;box-shadow:inset 2px 3px 4px #ffffff73,inset -2px -3px 5px #0006,0 4px 0 #005f7a,0 6px 12px #00d2ff40;color:#fff!important;cursor:pointer;display:inline-flex!important;font-size:13px!important;font-weight:800!important;gap:.4rem;height:40px!important;justify-content:center;padding:.45rem 1.2rem!important;text-align:center;text-transform:uppercase;transition:transform .15s cubic-bezier(.175,.885,.32,1.275),box-shadow .15s ease,filter .15s ease}.nav-btn:hover{box-shadow:inset 2px 3px 4px #ffffff80,inset -2px -3px 5px #0006,0 6px 0 #005f7a,0 8px 16px #00d2ff59;filter:brightness(1.08);transform:translateY(-2px) scale(1.03)}.nav-btn:active{box-shadow:inset 1px 2px 2px #ffffff4d,inset -1px -2px 3px #0006,0 1px 0 #005f7a,0 2px 4px #00d2ff40;transform:translateY(3px) scale(.97)}.nav-btn-signup{background:linear-gradient(180deg,#ffa63d,#d45d00)!important;box-shadow:inset 2px 3px 4px #ffffff73,inset -2px -3px 5px #0006,0 4px 0 #9c4500,0 6px 12px #ffa63d40}.nav-btn-signup:hover{box-shadow:inset 2px 3px 4px #ffffff80,inset -2px -3px 5px #0006,0 6px 0 #9c4500,0 8px 16px #ffa63d59}.nav-btn-signup:active{box-shadow:inset 1px 2px 2px #ffffff4d,inset -1px -2px 3px #0006,0 1px 0 #9c4500,0 2px 4px #ffa63d40}.nav-btn-join{background:linear-gradient(180deg,#ff85a2,#e6005c)!important;box-shadow:inset 2px 3px 4px #ffffff73,inset -2px -3px 5px #0006,0 4px 0 #9e003c,0 6px 12px #ff85a240}.nav-btn-join:hover{box-shadow:inset 2px 3px 4px #ffffff80,inset -2px -3px 5px #0006,0 6px 0 #9e003c,0 8px 16px #ff85a259}.nav-btn-join:active{box-shadow:inset 1px 2px 2px #ffffff4d,inset -1px -2px 3px #0006,0 1px 0 #9e003c,0 2px 4px #ff85a240}.gear{color:#5d17eb;cursor:pointer;font-size:2.5rem;margin-right:1rem}.homework-btn{align-items:center;background:linear-gradient(180deg,#b388ff,#6200ea)!important;border:none;border-radius:12px!important;box-shadow:inset 2px 3px 4px #ffffff73,inset -2px -3px 5px #0006,0 4px 0 #4300a3,0 6px 12px #b388ff40;color:#fff!important;cursor:pointer;display:inline-flex!important;font-size:12px!important;font-weight:800!important;gap:.4rem;height:40px!important;justify-content:center;margin-right:.6rem!important;padding:.45rem 1.2rem!important;text-align:center;text-decoration:none;text-transform:uppercase;transition:transform .15s cubic-bezier(.175,.885,.32,1.275),box-shadow .15s ease,filter .15s ease}.homework-btn:hover{box-shadow:inset 2px 3px 4px #ffffff80,inset -2px -3px 5px #0006,0 6px 0 #4300a3,0 8px 16px #b388ff59;filter:brightness(1.08);transform:translateY(-2px) scale(1.03)}.homework-btn:active{box-shadow:inset 1px 2px 2px #ffffff4d,inset -1px -2px 3px #0006,0 1px 0 #4300a3,0 2px 4px #b388ff33;transform:translateY(3px) scale(.97)}.teachers-btn{align-items:center;background:linear-gradient(180deg,#00d2ff,#008eb8)!important;border:none;border-radius:12px!important;box-shadow:inset 2px 3px 4px #ffffff73,inset -2px -3px 5px #0006,0 4px 0 #005f7a,0 6px 12px #00d2ff40;color:#fff!important;cursor:pointer;display:inline-flex!important;font-size:12px!important;font-weight:800!important;gap:.4rem;height:40px!important;justify-content:center;margin-right:.6rem!important;padding:.45rem 1.2rem!important;text-align:center;text-decoration:none;text-transform:uppercase;transition:transform .15s cubic-bezier(.175,.885,.32,1.275),box-shadow .15s ease,filter .15s ease}.teachers-btn:hover{box-shadow:inset 2px 3px 4px #ffffff80,inset -2px -3px 5px #0006,0 6px 0 #005f7a,0 8px 16px #00d2ff59;filter:brightness(1.08);transform:translateY(-2px) scale(1.03)}.teachers-btn:active{box-shadow:inset 1px 2px 2px #ffffff4d,inset -1px -2px 3px #0006,0 1px 0 #005f7a,0 2px 4px #00d2ff33;transform:translateY(3px) scale(.97)}.nav-btn-profile{align-items:center;background:linear-gradient(180deg,#ffa63d,#d45d00)!important;border-radius:12px!important;box-shadow:inset 2px 3px 4px #ffffff73,inset -2px -3px 5px #0006,0 4px 0 #9c4500,0 6px 12px #ffa63d40;color:#fff!important;display:inline-flex!important;font-weight:800!important;gap:.4rem;height:40px!important;justify-content:center;padding:.45rem 1.2rem!important;text-align:center;text-transform:uppercase;transition:transform .15s cubic-bezier(.175,.885,.32,1.275),box-shadow .15s ease,filter .15s ease}.nav-btn-profile:hover{box-shadow:inset 2px 3px 4px #ffffff80,inset -2px -3px 5px #0006,0 6px 0 #9c4500,0 8px 16px #ffa63d59;filter:brightness(1.08);transform:translateY(-2px) scale(1.03)}.nav-btn-profile:active{box-shadow:inset 1px 2px 2px #ffffff4d,inset -1px -2px 3px #0006,0 1px 0 #9c4500,0 2px 4px #ffa63d40;transform:translateY(3px) scale(.97)}.nav-center-links{align-items:center;display:flex;gap:.8rem}.nav-link{color:#334155;cursor:pointer;font-family:Inter,sans-serif;font-size:14px;font-weight:700;padding:.3rem .5rem;text-decoration:none;transition:all .2s ease}.nav-link:hover{color:#ff6b6b;transform:translateY(-2px)}.nav-dropdown{display:inline-block;position:relative}.nav-dropdown:hover .dropdown-menu{display:flex;flex-direction:column}.dropdown-menu{background:#fff;border:2px solid #f1f5f9;border-radius:12px;box-shadow:0 8px 24px #0000001a;display:none;left:0;min-width:180px;padding:.5rem 0;position:absolute;top:100%;z-index:1000}.dropdown-item{color:#334155;cursor:pointer;font-family:Inter,sans-serif;font-size:15px;font-weight:600;padding:.8rem 1.2rem;transition:all .2s ease}.dropdown-item:hover{background:#f8fafc;color:#ff6b6b}@media (min-width:992px){.d-lg-flex{display:flex!important}}@media (max-width:991px){.d-none{display:none!important}}@media only screen and (max-width:992px){nav .nav-container{height:90px!important;padding:.3rem 1.5rem!important}}@media only screen and (max-width:768px){nav .nav-container{height:85px!important;padding:.25rem 1.2rem!important}.gear{display:none}}.games-btn{align-items:center;background:linear-gradient(180deg,#e040fb,#8c00e0)!important;border:none;border-radius:12px!important;box-shadow:inset 2px 3px 4px #ffffff73,inset -2px -3px 5px #0006,0 4px 0 #5e0096,0 6px 12px #e040fb40;color:#fff!important;cursor:pointer;display:inline-flex!important;font-size:12px!important;font-weight:800!important;gap:.4rem;height:40px!important;justify-content:center;margin-right:.6rem!important;padding:.45rem 1.2rem!important;text-align:center;text-decoration:none;text-transform:uppercase;transition:transform .15s cubic-bezier(.175,.885,.32,1.275),box-shadow .15s ease,filter .15s ease}.games-btn:hover{box-shadow:inset 2px 3px 4px #ffffff80,inset -2px -3px 5px #0006,0 6px 0 #5e0096,0 8px 16px #e040fb59;filter:brightness(1.08);transform:translateY(-2px) scale(1.03)}.games-btn:active{box-shadow:inset 1px 2px 2px #ffffff4d,inset -1px -2px 3px #0006,0 1px 0 #5e0096,0 2px 4px #e040fb33;transform:translateY(3px) scale(.97)}.create-homework-nav-btn{align-items:center;background:linear-gradient(180deg,#10b981,#047857)!important;border:none;border-radius:12px!important;box-shadow:inset 2px 3px 4px #ffffff73,inset -2px -3px 5px #0006,0 4px 0 #024a35,0 6px 12px #10b98140;color:#fff!important;cursor:pointer;display:inline-flex!important;font-size:12px!important;font-weight:800!important;gap:.4rem;height:40px!important;justify-content:center;margin-right:.6rem!important;padding:.45rem 1.2rem!important;text-align:center;text-decoration:none;text-transform:uppercase;transition:transform .15s cubic-bezier(.175,.885,.32,1.275),box-shadow .15s ease,filter .15s ease}.create-homework-nav-btn:hover{box-shadow:inset 2px 3px 4px #ffffff80,inset -2px -3px 5px #0006,0 6px 0 #024a35,0 8px 16px #10b98159;filter:brightness(1.08);transform:translateY(-2px) scale(1.03)}.create-homework-nav-btn:active{box-shadow:inset 1px 2px 2px #ffffff4d,inset -1px -2px 3px #0006,0 1px 0 #024a35,0 2px 4px #10b98140;transform:translateY(3px) scale(.97)}.teacher-reports-btn{font-size:10px!important;padding:.45rem .7rem!important}.create-battle-nav-btn,.create-homework-nav-btn,.homework-btn,.teachers-btn{font-size:10px!important;padding:.4rem .8rem!important}.create-battle-nav-btn{align-items:center;background:linear-gradient(180deg,#ff6b6b,#c0392b)!important;border:none;border-radius:12px!important;box-shadow:inset 2px 3px 4px #ffffff73,inset -2px -3px 5px #0006,0 4px 0 #8b1a1a,0 6px 12px #ff6b6b4d;color:#fff!important;cursor:pointer;display:inline-flex!important;font-weight:800!important;gap:.4rem;height:40px!important;justify-content:center;margin-right:.5rem!important;text-align:center;text-decoration:none;text-transform:uppercase;transition:transform .15s cubic-bezier(.175,.885,.32,1.275),box-shadow .15s ease,filter .15s ease;white-space:nowrap}.create-battle-nav-btn:hover{box-shadow:inset 2px 3px 4px #ffffff80,inset -2px -3px 5px #0006,0 6px 0 #8b1a1a,0 8px 16px #ff6b6b66;filter:brightness(1.08);transform:translateY(-2px) scale(1.03)}.create-battle-nav-btn:active{box-shadow:inset 1px 2px 2px #ffffff4d,inset -1px -2px 3px #0006,0 1px 0 #8b1a1a,0 2px 4px #ff6b6b40;transform:translateY(3px) scale(.97)}@media only screen and (max-width:640px){nav .nav-container{height:auto!important;min-height:38px!important;padding:.15rem .4rem!important}nav .nav-container img{max-height:25px!important;width:90px!important}.nav-right-side{align-items:center!important;display:flex!important;flex-wrap:nowrap!important;gap:.05rem!important;justify-content:flex-end!important}.nav-right-side a{align-items:center!important;display:inline-flex!important;justify-content:center!important;margin:0!important;padding:0!important;text-decoration:none!important}.create-battle-nav-btn,.create-homework-nav-btn,.games-btn,.homework-btn,.nav-btn,.nav-btn-profile,.teachers-btn{align-items:center!important;border-radius:4px!important;display:inline-flex!important;font-size:6px!important;font-weight:800!important;height:18px!important;justify-content:center!important;margin-right:.04rem!important;min-width:0!important;min-width:auto!important;padding:.08rem .2rem!important;white-space:nowrap!important;width:auto!important}.nav-btn,.teachers-btn{box-shadow:inset 1px 1px 1.5px #ffffff73,inset -1px -1px 2px #0006,0 1.5px 0 #005f7a,0 2px 4px #00d2ff40!important}.nav-btn:hover,.teachers-btn:hover{box-shadow:inset 1px 1px 1.5px #ffffff80,inset -1px -1px 2px #0006,0 2px 0 #005f7a,0 3px 6px #00d2ff59!important}.nav-btn:active,.teachers-btn:active{box-shadow:inset .5px .5px 1px #ffffff4d,inset -.5px -.5px 1px #0006,0 .5px 0 #005f7a,0 1px 1.5px #00d2ff40!important}.create-battle-nav-btn{box-shadow:inset 1px 1px 1.5px #ffffff73,inset -1px -1px 2px #0006,0 1.5px 0 #8b1a1a,0 2px 4px #ff6b6b4d!important}.create-battle-nav-btn:hover{box-shadow:inset 1px 1px 1.5px #ffffff80,inset -1px -1px 2px #0006,0 2px 0 #8b1a1a,0 3px 6px #ff6b6b66!important}.create-battle-nav-btn:active{box-shadow:inset .5px .5px 1px #ffffff4d,inset -.5px -.5px 1px #0006,0 .5px 0 #8b1a1a,0 1px 1.5px #ff6b6b40!important}.nav-btn-profile,.nav-btn-signup{box-shadow:inset 1px 1px 1.5px #ffffff73,inset -1px -1px 2px #0006,0 1.5px 0 #9c4500,0 2px 4px #ffa63d40!important}.nav-btn-profile:hover,.nav-btn-signup:hover{box-shadow:inset 1px 1px 1.5px #ffffff80,inset -1px -1px 2px #0006,0 2px 0 #9c4500,0 3px 6px #ffa63d59!important}.nav-btn-profile:active,.nav-btn-signup:active{box-shadow:inset .5px .5px 1px #ffffff4d,inset -.5px -.5px 1px #0006,0 .5px 0 #9c4500,0 1px 1.5px #ffa63d40!important}.nav-btn-join{box-shadow:inset 1px 1px 1.5px #ffffff73,inset -1px -1px 2px #0006,0 1.5px 0 #9e003c,0 2px 4px #ff85a240!important}.nav-btn-join:hover{box-shadow:inset 1px 1px 1.5px #ffffff80,inset -1px -1px 2px #0006,0 2px 0 #9e003c,0 3px 6px #ff85a259!important}.nav-btn-join:active{box-shadow:inset .5px .5px 1px #ffffff4d,inset -.5px -.5px 1px #0006,0 .5px 0 #9e003c,0 1px 1.5px #ff85a240!important}.homework-btn{box-shadow:inset 1px 1px 1.5px #ffffff73,inset -1px -1px 2px #0006,0 1.5px 0 #4300a3,0 2px 4px #b388ff40!important}.homework-btn:hover{box-shadow:inset 1px 1px 1.5px #ffffff80,inset -1px -1px 2px #0006,0 2px 0 #4300a3,0 3px 6px #b388ff59!important}.homework-btn:active{box-shadow:inset .5px .5px 1px #ffffff4d,inset -.5px -.5px 1px #0006,0 .5px 0 #4300a3,0 1px 1.5px #b388ff33!important}.games-btn{box-shadow:inset 1px 1px 1.5px #ffffff73,inset -1px -1px 2px #0006,0 1.5px 0 #5e0096,0 2px 4px #e040fb40!important}.games-btn:hover{box-shadow:inset 1px 1px 1.5px #ffffff80,inset -1px -1px 2px #0006,0 2px 0 #5e0096,0 3px 6px #e040fb59!important}.games-btn:active{box-shadow:inset .5px .5px 1px #ffffff4d,inset -.5px -.5px 1px #0006,0 .5px 0 #5e0096,0 1px 1.5px #e040fb33!important}.create-homework-nav-btn{box-shadow:inset 1px 1px 1.5px #ffffff73,inset -1px -1px 2px #0006,0 1.5px 0 #024a35,0 2px 4px #10b98140!important}.create-homework-nav-btn:hover{box-shadow:inset 1px 1px 1.5px #ffffff80,inset -1px -1px 2px #0006,0 2px 0 #024a35,0 3px 6px #10b98159!important}.create-homework-nav-btn:active{box-shadow:inset .5px .5px 1px #ffffff4d,inset -.5px -.5px 1px #0006,0 .5px 0 #024a35,0 1px 1.5px #10b98140!important}}@media only screen and (max-width:480px){nav .nav-container{min-height:34px!important;padding:.1rem .3rem!important}nav .nav-container img{max-height:22px!important;width:80px!important}.create-battle-nav-btn,.create-homework-nav-btn,.games-btn,.homework-btn,.nav-btn,.nav-btn-profile,.teachers-btn{border-radius:3px!important;font-size:5px!important;height:15px!important;padding:.06rem .15rem!important}}@media only screen and (max-width:360px){nav .nav-container{min-height:30px!important;padding:.08rem .2rem!important}nav .nav-container img{max-height:18px!important;width:70px!important}.create-battle-nav-btn,.create-homework-nav-btn,.games-btn,.homework-btn,.nav-btn,.nav-btn-profile,.teachers-btn{border-radius:2px!important;font-size:4px!important;height:13px!important;padding:.04rem .1rem!important}}.battle-notification-bubble-overlay{bottom:85px;display:block;font-family:Inter,system-ui,-apple-system,sans-serif;pointer-events:auto;position:fixed;right:25px;width:320px;z-index:999999999}.battle-notification-bubble-overlay .bubble-content{animation:floatBubble 3.5s ease-in-out infinite,wiggleWiggle 6s ease-in-out infinite;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffffffa;border:4px solid #f59e0b;border-radius:24px;box-shadow:0 15px 35px #00000040,inset 0 2px 4px #ffffffe6;padding:1.25rem;position:relative}.battle-notification-bubble-overlay .bubble-thinking-dots{align-items:flex-end;bottom:-34px;display:flex;flex-direction:column;pointer-events:none;position:absolute;right:45px}.battle-notification-bubble-overlay .dot{background:#f59e0b;border:3px solid #fff;border-radius:50%;box-shadow:0 4px 8px #00000026;display:block}.battle-notification-bubble-overlay .dot-1{height:18px;margin-bottom:3px;transform:translateY(0);width:18px}.battle-notification-bubble-overlay .dot-2{height:12px;margin-bottom:3px;margin-right:6px;width:12px}.battle-notification-bubble-overlay .dot-3{height:7px;margin-right:12px;width:7px}.battle-notification-bubble-overlay .bubble-close-x{align-items:center;background:#ef4444;border:none;border-radius:50%;box-shadow:0 2px 5px #0003;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:850;height:22px;justify-content:center;position:absolute;right:10px;top:10px;transition:all .2s ease;width:22px}.battle-notification-bubble-overlay .bubble-close-x:hover{background:#dc2626;transform:scale(1.1)}.battle-notification-bubble-overlay .bubble-header-row{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem;padding-right:15px}.battle-notification-bubble-overlay .bubble-icon-battle{animation:swordSwing 2s ease-in-out infinite;display:inline-block;font-size:20px}.battle-notification-bubble-overlay .bubble-title-text{color:#92400e;font-size:15px;font-weight:850;letter-spacing:.02em;text-transform:uppercase}.battle-notification-bubble-overlay .bubble-message-text{color:#334155;font-size:13px;font-weight:600;line-height:1.45;margin:0 0 1rem;text-align:left}.battle-notification-bubble-overlay .bubble-battle-title{background:#fbbf241a;border-radius:6px;color:#d97706;display:inline-block;font-size:13.5px;font-style:italic;font-weight:800;margin-top:2px;padding:2px 6px}.battle-notification-bubble-overlay .bubble-join-action-btn{align-items:center;background:linear-gradient(180deg,#ff6b6b,#c0392b)!important;border:none;border-radius:12px!important;box-shadow:inset 2px 3px 4px #ffffff73,inset -2px -3px 5px #0006,0 4px 0 #8b1a1a,0 6px 12px #ff6b6b4d!important;color:#fff!important;cursor:pointer;display:inline-flex!important;font-size:13px!important;font-weight:800!important;gap:.4rem;height:38px!important;justify-content:center;padding:.6rem 1rem!important;text-align:center;text-decoration:none;text-transform:uppercase;transition:transform .15s cubic-bezier(.175,.885,.32,1.275),box-shadow .15s ease,filter .15s ease;white-space:nowrap;width:100%}.battle-notification-bubble-overlay .bubble-join-action-btn:hover{box-shadow:inset 2px 3px 4px #ffffff80,inset -2px -3px 5px #0006,0 5px 0 #8b1a1a,0 7px 14px #ff6b6b66!important;filter:brightness(1.08);transform:translateY(-2px) scale(1.02)}.battle-notification-bubble-overlay .bubble-join-action-btn:active{box-shadow:inset 1px 2px 2px #ffffff4d,inset -1px -2px 3px #0006,0 1px 0 #8b1a1a,0 2px 4px #ff6b6b40!important;transform:translateY(3px) scale(.97)}@keyframes floatBubble{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes wiggleWiggle{0%,90%,to{transform:rotate(0deg) scale(1)}92%{transform:rotate(-2.5deg) scale(1.015)}94%{transform:rotate(2.5deg) scale(1.015)}96%{transform:rotate(-1.5deg) scale(1.01)}98%{transform:rotate(1.5deg) scale(1.01)}}@keyframes swordSwing{0%,to{transform:rotate(0deg) scale(1)}50%{transform:rotate(15deg) scale(1.1)}}.animate-bubble-pop-in{animation:bubblePopIn .5s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes bubblePopIn{0%{opacity:0;transform:scale(.5) translateY(60px)}75%{transform:scale(1.06) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}@media only screen and (max-width:640px){.battle-notification-bubble-overlay{bottom:72px;max-width:300px;right:15px;width:calc(100% - 30px)}.battle-notification-bubble-overlay .bubble-content{border-radius:18px;border-width:3px;padding:.9rem}.battle-notification-bubble-overlay .bubble-thinking-dots{bottom:-26px;right:35px}.battle-notification-bubble-overlay .dot-1{border-width:2.5px;height:14px;width:14px}.battle-notification-bubble-overlay .dot-2{border-width:2px;height:9px;margin-right:4px;width:9px}.battle-notification-bubble-overlay .dot-3{border-width:1.5px;height:5px;margin-right:8px;width:5px}.battle-notification-bubble-overlay .bubble-title-text{font-size:13px}.battle-notification-bubble-overlay .bubble-message-text{font-size:11.5px;margin-bottom:.7rem}.battle-notification-bubble-overlay .bubble-battle-title{font-size:12px;padding:1px 4px}.battle-notification-bubble-overlay .bubble-join-action-btn{border-radius:8px!important;font-size:11px!important;height:32px!important;padding:.4rem .8rem!important}}.nav-mobile{bottom:8px;display:none;position:fixed;width:100%;z-index:99999999}.nav-mobile-container{align-items:center;background-color:#fff;border-radius:14px;box-shadow:0 4px 8px 0 #0003,0 6px 20px 0 #00000030;display:flex;justify-content:space-around;margin:auto;padding:.35rem .4rem;width:94%}.nav-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:.1rem;justify-content:center;min-width:50px;padding:.2rem .3rem;text-decoration:none;transition:all .2s ease}.nav-item i{font-size:18px}.nav-item i,.nav-label{color:#a4a2a2;transition:all .2s ease}.nav-label{font-size:9.5px;font-weight:600;margin:0;text-align:center}.nav-item.active{background-color:#5d17eb}.nav-item.active .nav-label,.nav-item.active i{color:#fff}.mastermind-nav-item .nav-label{color:#d4af37;font-family:Georgia,Times New Roman,serif;font-size:8.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.mastermind-nav-item.active .nav-label{color:#ffe08a}.mastermind-nav-item i{color:#caa64a}.mastermind-nav-item.active i{color:#ffe08a}.nav-item:hover{background-color:#f0f0f0}.nav-item.active:hover{background-color:#5d17eb}@media only screen and (max-width:768px){.nav-mobile{display:block}}@media only screen and (max-width:600px){.nav-mobile{bottom:6px}.nav-mobile-container{border-radius:12px;padding:.25rem .3rem}.nav-item{gap:.05rem;min-width:42px;padding:.15rem .2rem}.nav-item i{font-size:15px}.nav-label{font-size:8px}.mastermind-nav-item .nav-label{font-size:7.5px}}@media only screen and (max-width:400px){.nav-mobile{bottom:4px}.nav-mobile-container{border-radius:10px;padding:.2rem .25rem}.nav-item{gap:2px;min-width:36px}.nav-item i{font-size:13px}.nav-label{font-size:7px}.mastermind-nav-item .nav-label{font-size:6.5px}}.questionType{background-attachment:fixed;background-image:url(/static/media/webbackground10.ee1801d8b1e0f042fbe4.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:80vh;overflow:hidden;padding:3rem 2rem;position:relative}.questionType:before{animation:floatMath 5s ease-in-out infinite;font-size:70px;left:8%;position:absolute;top:15%}.questionType:after{animation:floatMath 7s ease-in-out infinite reverse;bottom:25%;font-size:60px;position:absolute;right:10%}@keyframes floatMath{0%,to{transform:translateY(0) rotate(0deg) scale(1)}33%{transform:translateY(-20px) rotate(10deg) scale(1.1)}66%{transform:translateY(10px) rotate(-5deg) scale(.9)}}.questionType-container{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000e6;background-image:url(/static/media/masterminds-bg.77862a2f33b4eb96abc7.png);background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:30px;box-shadow:0 15px 35px #0000004d;margin:0 auto;max-width:1200px;padding:2.5rem;position:relative;z-index:2}.questionType-title{-webkit-text-fill-color:#0000;animation:bounceIn 1s ease-out;background:linear-gradient(135deg,gold,#b8860b);-webkit-background-clip:text;background-clip:text;font-family:Inter,sans-serif;font-size:48px;font-weight:900;letter-spacing:-1.5px;margin-bottom:1rem;text-align:center;text-shadow:0 4px 10px #b8860b4d}.masterminds-logo-title{animation:bounceIn 1s ease-out;display:block;filter:drop-shadow(0 4px 15px rgba(255,215,0,.25));height:auto;margin:0 auto;max-width:90%;transition:transform .3s ease;width:280px}.masterminds-logo-title:hover{transform:scale(1.03)}@keyframes bounceIn{0%{opacity:0;transform:scale(.8)}60%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.line{background:#daa520;border-radius:10px;box-shadow:0 4px 8px #0003;height:6px;margin:1rem auto 3rem;width:350px}.questionType-options{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.questionType-option{align-items:center;background:linear-gradient(135deg,#caa64a,#f6e27a 50%,#b8891f);border:5px solid #fff;border-radius:25px;box-shadow:0 10px 25px #0003;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:2rem 1rem;position:relative;text-align:center;transition:all .3s ease;width:240px}.questionType-option .option-title{color:#3b2a00;text-shadow:none}.questionType-option .option-description{color:#3b2a00eb}.option-icon-wrapper{align-items:center;background:#fff3;border-radius:50%;display:flex;height:100px;justify-content:center;margin-bottom:1.5rem;transition:all .3s ease;width:100px}.completion-icon,.mcq-icon{color:#fff;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.questionType-option:hover .option-icon-wrapper{background:#ffffff4d;transform:scale(1.1) rotate(-5deg)}.questionType-option:hover{box-shadow:0 20px 40px #0000004d;transform:translateY(-10px) scale(1.05)}.option-emoji{animation:wiggle 3s ease-in-out infinite;display:none;font-size:80px;margin-bottom:1rem}.option-title{color:#fff;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:21px;font-weight:800;line-height:1.2;margin:0;text-shadow:0 2px 8px #0000004d;text-transform:capitalize}.option-description{color:#fffffff2;font-size:14px;font-weight:500;line-height:1.4;margin-top:.8rem}.option-subtitle{color:#ffffffe6;display:none;font-family:Comic Sans MS,cursive,sans-serif;font-size:18px;margin-top:.5rem}.questionType-option:before{content:"✨";font-size:30px;left:-20px;opacity:0;position:absolute;top:-20px;transition:all .3s ease}.questionType-option:hover:before{opacity:1;transform:translate(20px,20px)}.questionType-option:after{bottom:-20px;content:"✨";font-size:30px;opacity:0;position:absolute;right:-20px;transition:all .3s ease}.questionType-option:hover:after{opacity:1;transform:translate(-20px,-20px)}@keyframes wiggle{0%,7%{transform:rotate(0) scale(1)}2%{transform:rotate(-5deg) scale(1.1)}4%{transform:rotate(5deg) scale(1.1)}6%{transform:rotate(0) scale(1)}}@media only screen and (max-width:768px){.questionType{padding:2rem 1rem}.questionType-container{padding:2rem 1.5rem}.questionType-title{font-size:36px}.masterminds-logo-title{width:240px}.line{margin:1rem auto 2rem;width:250px}.questionType-options{gap:2rem}.questionType-option{padding:2rem;width:240px}.option-icon-wrapper{height:80px;margin-bottom:1rem;width:80px}.completion-icon,.mcq-icon{height:48px;width:48px}.option-emoji{display:none;font-size:60px}.option-title{font-size:19px}.option-description{font-size:13px}.option-subtitle{display:none}}@media only screen and (max-width:600px){.questionType{min-height:70vh;padding:1.5rem .5rem}.questionType-container{border-radius:20px;padding:1.5rem 1rem}.questionType-title{font-size:28px;text-align:center}.line,.masterminds-logo-title{width:200px}.line{height:4px;margin:.5rem auto 1.5rem}.questionType-options{align-items:center;flex-direction:column;gap:1.2rem}.questionType-option{max-width:240px;padding:1.2rem;width:85%}.option-icon-wrapper{height:60px;margin-bottom:.6rem;width:60px}.completion-icon,.mcq-icon{height:32px;width:32px}.option-emoji{display:none;font-size:40px}.option-title{font-size:17px}.option-description{font-size:12px}.option-subtitle{display:none;font-size:16px}.questionType:after,.questionType:before{font-size:40px}}.questionType.topsoroban-theme{background-color:#f8fafc;background-image:none}.questionType.topsoroban-theme .questionType-container{background:#fff;background-image:none;border:1px solid #e2e8f0;box-shadow:0 20px 50px #2563eb1a}.questionType.topsoroban-theme .questionType-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#e11d48,#2563eb);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));text-shadow:none}.questionType.topsoroban-theme .line{background:linear-gradient(90deg,#e11d48,#2563eb);box-shadow:none}.questionType.topsoroban-theme .questionType-option.mcq{background:linear-gradient(135deg,#e11d48,#fb7185);border-color:#fff;box-shadow:0 10px 25px #e11d484d}.questionType.topsoroban-theme .questionType-option.mastermind{background:linear-gradient(135deg,#2563eb,#60a5fa);border-color:#fff;box-shadow:0 10px 25px #2563eb4d}.questionType.topsoroban-theme .questionType-option.battle-card-option{background:linear-gradient(135deg,#f97316,#fdba74);border-color:#fff;box-shadow:0 10px 25px #f973164d}.questionType.topsoroban-theme .option-title{color:#fff;text-shadow:0 2px 4px #0003}.questionType.topsoroban-theme .option-description{color:#ffffffe6}.questionType.topsoroban-theme .option-icon-wrapper{background:#ffffff40}.academy-section-header{animation:fadeInDown .8s ease-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffffbf;border:1px solid #ffffff80;border-radius:20px;box-shadow:0 10px 30px #0000000d;margin:0 auto 2.5rem;max-width:800px;padding:1.5rem 2rem;text-align:center}.academy-main-title{color:#4c5287;font-family:Inter,sans-serif;font-size:32px;font-weight:800;letter-spacing:-.5px;margin:0 0 .5rem}.academy-main-subtitle{color:#64748b;font-family:Inter,sans-serif;font-size:18px;font-weight:500;margin:0}.cards-selection-title{color:#92400e;font-family:Inter,sans-serif;font-size:20px;font-weight:700;letter-spacing:0;margin:1.5rem 0 .5rem;text-shadow:none;text-transform:none}.questionType.topsoroban-theme .cards-selection-title{color:#1e3a8a}.card-preview-screenshot{background-color:#fff;border:3px solid #fffc;border-radius:12px;box-shadow:0 6px 15px #00000026;height:110px;margin-top:1.2rem;max-width:100%;object-fit:cover;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.questionType-option:hover .card-preview-screenshot{border-color:#fff;box-shadow:0 10px 25px #00000040;transform:scale(1.04)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media only screen and (max-width:768px){.academy-main-title{font-size:26px}.academy-main-subtitle{font-size:16px}.cards-selection-title{font-size:18px}.card-preview-screenshot{height:100px;max-width:180px}}@media only screen and (max-width:600px){.academy-main-title{font-size:22px}.academy-main-subtitle{font-size:14px}.cards-selection-title{font-size:16px}.card-preview-screenshot{height:90px;max-width:180px}}.features-section{background-color:initial;padding:4rem 1rem;width:100%}.features-container{display:flex;flex-direction:column;gap:2.5rem;margin:0 auto;max-width:1200px}.features-header{margin-bottom:1rem;text-align:center}.features-header h2{color:#4c5287;font-size:32px;font-weight:800;margin-bottom:.5rem}.features-header p{color:#64748b;font-size:18px;margin:0 auto;max-width:600px}.features-header .line{background:linear-gradient(135deg,#ff6b6b,#ff8e53);border-radius:4px;height:4px;margin:1rem auto 0;width:60px}.feature-block{align-items:center;background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000000d;display:flex;gap:2rem;padding:2rem;transition:transform .3s ease,box-shadow .3s ease}.feature-block:hover{box-shadow:0 15px 40px #0000001a;transform:translateY(-5px)}.highlight-block{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.highlight-block h3,.highlight-block p{color:#fff}.feature-icon-large{align-items:center;background:#fff3;border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:90px;justify-content:center;width:90px}.purple-icon{background:linear-gradient(135deg,#a855f7,#7e22ce)}.gold-icon{background:linear-gradient(135deg,#fbbf24,#d97706)}.pink-icon{background:linear-gradient(135deg,#ff6b9d,#ffa07a)}.feature-content-with-image{align-items:center;display:flex;gap:3rem;width:100%}.feature-image-preview{flex:1 1;max-width:500px}.feature-image-preview img{border:5px solid #fff;border-radius:15px;box-shadow:0 15px 35px #0000001a;height:auto;width:100%}@media only screen and (max-width:992px){.feature-content-with-image{flex-direction:column;gap:2rem}.feature-image-preview{max-width:100%}}.feature-content{flex:1 1}.feature-content h3{color:#334155;font-size:24px;font-weight:700;margin-bottom:.8rem}.feature-content p{color:#64748b;font-size:16px;line-height:1.6}.features-grid-header{margin-top:1rem;text-align:center}.features-grid-header h3{color:#4c5287;font-size:26px;font-weight:700}.features-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.feature-item{align-items:flex-start;background:#fff;border-radius:16px;box-shadow:0 4px 15px #0000000d;display:flex;gap:1.2rem;padding:1.5rem;transition:transform .2s ease}.feature-item:hover{box-shadow:0 8px 25px #00000014;transform:translateY(-3px)}.icon-3d-wrapper{align-items:center;border-radius:50%;box-shadow:0 8px 18px #1f293747;display:flex;flex-shrink:0;height:48px;justify-content:center;transition:transform .2s ease,box-shadow .2s ease;width:48px}.icon-printer{background:linear-gradient(135deg,#ff6b9d,#ffa07a)}.icon-fullscreen{background:linear-gradient(135deg,#4facfe,#00f2fe)}.icon-flash{background:linear-gradient(135deg,#fa709a,#fee140)}.icon-abacus{background:linear-gradient(135deg,#43e97b,#38f9d7)}.icon-pocket{background:linear-gradient(135deg,#b088f9,#da9ff9)}.icon-pocket-all{background:linear-gradient(135deg,#8e2de2,#4a00e0)}.feature-item:hover .icon-3d-wrapper{box-shadow:0 10px 20px #1f293766;transform:scale(1.1)}.feature-item-text h4{color:#1e293b;font-size:18px;font-weight:600;margin-bottom:.4rem}.feature-item-text p{color:#64748b;font-size:14px;line-height:1.5}@media (max-width:768px){.feature-block{flex-direction:column;gap:1rem;padding:1.5rem;text-align:center}.features-header h2{font-size:26px}.feature-icon-large{height:70px;width:70px}}.text-3d-glow{color:#1e293b;font-weight:800;letter-spacing:-.02em;text-shadow:1px 1px 0 #cbd5e1,2px 2px 0 #94a3b8,0 0 20px #6366f126;transition:all .3s ease}.feature-block:hover .text-3d-glow{text-shadow:1px 1px 0 #cbd5e1,3px 3px 0 #6366f1,0 0 30px #6366f14d;transform:translateY(-2px)}.feature-preview-img-premium{border-radius:24px;box-shadow:0 20px 50px -12px #0003,0 0 0 8px #fffc;max-width:100%;transition:all .5s cubic-bezier(.4,0,.2,1)}.feature-image-preview:hover .feature-preview-img-premium{box-shadow:0 30px 60px -12px #00000040,0 0 0 12px #ffffffe6;transform:scale(1.03) rotate(-1deg)}.features-container{overflow:visible}.start-now-features-btn{background:linear-gradient(135deg,#fbbf24,#d97706);border:3px solid #fff;border-radius:50px;box-shadow:0 4px 15px #d9770659;color:#fff;cursor:pointer;display:inline-block;font-family:Inter,sans-serif;font-size:16px;font-weight:800;letter-spacing:.5px;margin-top:1.2rem;padding:.8rem 2.2rem;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.start-now-features-btn:hover{background:linear-gradient(135deg,#fcd34d,#ea580c);box-shadow:0 8px 25px #d977068c;transform:translateY(-3px)}.start-now-features-btn:active{box-shadow:0 2px 8px #d9770666;transform:translateY(1px)}.trial-modal-overlay{align-items:center;animation:fadeIn .3s ease;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:9999}.trial-modal-container{animation:slideUp .3s ease;background:#fff;border-radius:24px;box-shadow:0 20px 60px #0000004d;max-width:500px;padding:2.5rem;position:relative;width:100%}.trial-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:36px;height:40px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .2s ease;width:40px}.trial-modal-close:hover{background:#f5f5f5;color:#333}.trial-modal-header{margin-bottom:2rem;text-align:center}.trial-modal-header h2{color:#ff6b6b;font-family:Comic Sans MS,cursive,sans-serif;font-size:28px;font-weight:800;margin:0 0 .5rem}.trial-modal-header p{color:#666;font-size:16px;margin:0}.trial-modal-body{gap:1.5rem}.trial-features,.trial-modal-body{display:flex;flex-direction:column}.trial-features{background:#f8f9fa;border-radius:12px;gap:.75rem;padding:1.5rem}.trial-feature{align-items:center;color:#333;display:flex;font-size:15px;gap:.75rem}.trial-feature-icon{align-items:center;background:#4ecdc4;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:700;height:24px;justify-content:center;width:24px}.trial-error{background:#ffe6e6;border-radius:8px;color:#d63031;font-size:14px;padding:.75rem 1rem;text-align:center}.trial-input-group{display:flex;flex-direction:column;gap:.5rem}.trial-input-group label{color:#333;font-size:14px;font-weight:600}.trial-input{border:2px solid #e0e0e0;border-radius:12px;font-family:inherit;font-size:16px;outline:none;padding:.875rem 1rem;transition:all .2s ease}.trial-input:focus{border-color:#ff6b6b;box-shadow:0 0 0 3px #ff6b6b1a}.trial-submit-btn{background:linear-gradient(135deg,#ff6b6b,#4ecdc4);border:none;border-radius:12px;box-shadow:0 4px 15px #ff6b6b4d;color:#fff;cursor:pointer;font-family:Comic Sans MS,cursive,sans-serif;font-size:18px;font-weight:700;padding:1rem 2rem;transition:all .3s ease}.trial-submit-btn:hover{box-shadow:0 6px 20px #ff6b6b66;transform:translateY(-2px)}.trial-submit-btn:active{transform:translateY(0)}.trial-note{color:#999;font-size:13px;margin:0;text-align:center}@media only screen and (max-width:600px){.trial-modal-container{padding:2rem 1.5rem}.trial-modal-header h2{font-size:24px}.trial-submit-btn{font-size:16px}}.abacus-popup-wrapper{background-color:#fffffff2;border-radius:15px;box-shadow:0 8px 20px #0003;max-height:90vh;max-width:90vw;overflow:auto;padding:12px;position:fixed;z-index:10000}.abacus-widget-container{text-align:center}.abacus-close-button{align-items:center;background-color:#ff4757;border:none;border-radius:50%;box-shadow:0 2px 6px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:24px;font-weight:700;height:32px;justify-content:center;left:12px;line-height:1;padding:0;position:absolute;top:12px;transition:all .2s ease;width:32px;z-index:20}.abacus-close-button:hover{background-color:#ee5a6f;transform:scale(1.1)}.abacus-close-button:active{transform:scale(.95)}.abacus-drag-handle{background-color:#333;border-top-left-radius:15px;border-top-right-radius:15px;color:#fff;cursor:move;font-size:12px;font-weight:700;padding:6px;position:relative;text-align:center;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;z-index:10}#abacus{background:#fff;border:4px solid #000;border-radius:10px;box-shadow:0 3px 6px #0006;display:flex;justify-content:center;margin-top:8px;padding:12px;width:-webkit-max-content;width:max-content}.rod{align-items:center;background-image:linear-gradient(90deg,#777,#ccc,#777);background-position:50%;background-repeat:no-repeat;background-size:2px 100%;display:flex;flex-direction:column;margin:0 6px;position:relative;width:20px}.divider{background:#333;border-radius:2px;height:4px;margin:12px 0;width:120%;z-index:1}.bottom-bead,.top-bead{background:linear-gradient(145deg,#c8342b,#8b2318);border-radius:50%/40%;box-shadow:inset -2px -3px 5px #0006,inset 2px 2px 4px #ff64504d,0 3px 6px #00000080;cursor:pointer;height:20px;margin:3px 0;position:relative;transition:transform .15s ease-out;width:32px;z-index:2}.bottom-bead:before,.top-bead:before{background:#0009;border-radius:50%;content:"";height:4px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:4px}.top-bead.active{transform:translateY(18px)}.bottom-bead.active{transform:translateY(-20px)}.abacus-widget-container h2{color:#333;font-size:16px;margin:10px 0 5px}.abacus-widget-container h2 #output{color:#3742fa;font-weight:700}button#resetBtn{background:#3742fa;border:none;border-radius:6px;box-shadow:0 2px 4px #0003;color:#fff;cursor:pointer;font-size:13px;margin-top:8px;padding:6px 14px;transition:background .3s ease}button#resetBtn:hover{background:#2f3542}button#resetBtn:active{transform:scale(.98)}@media only screen and (max-width:768px){.abacus-close-button{font-size:20px;height:28px;left:10px;top:10px;width:28px}.abacus-popup-wrapper{border-radius:12px;padding:10px}.abacus-drag-handle{border-top-left-radius:12px;border-top-right-radius:12px;font-size:11px;padding:5px}#abacus{border:3px solid #000;margin-top:6px;padding:10px}.rod{margin:0 5px;width:18px}.bottom-bead,.top-bead{height:18px;margin:2px 0;width:28px}.divider{height:3px;margin:10px 0}.top-bead.active{transform:translateY(15px)}.bottom-bead.active{transform:translateY(-16px)}.abacus-widget-container h2{font-size:14px;margin:8px 0 4px}button#resetBtn{font-size:12px;margin-top:6px;padding:5px 12px}}@media only screen and (max-width:600px){.abacus-close-button{font-size:18px;height:26px;left:8px;top:8px;width:26px}.abacus-popup-wrapper{border-radius:10px;max-height:80vh;padding:10px}.abacus-drag-handle{border-top-left-radius:10px;border-top-right-radius:10px;font-size:10px;padding:5px}#abacus{border:3px solid #000;border-radius:8px;margin-top:6px;padding:11px}.rod{margin:0 10px;width:19px}.bottom-bead,.top-bead{height:19px;margin:3px 0;width:30px}.divider{height:3px;margin:11px 0}.top-bead.active{transform:translateY(16px)}.bottom-bead.active{transform:translateY(-18px)}.abacus-widget-container h2{font-size:13px;margin:8px 0 4px}button#resetBtn{font-size:11px;margin-top:6px;padding:6px 13px}}@media only screen and (max-width:400px){.abacus-close-button{font-size:16px;height:22px;left:6px;top:6px;width:22px}.abacus-popup-wrapper{max-height:80vh;padding:8px}.abacus-drag-handle{font-size:9px;padding:4px}#abacus{border:2px solid #000;padding:10px}.rod{margin:0 8px;width:16px}.bottom-bead,.top-bead{height:18px;margin:2px 0;width:29px}.divider{height:3px;margin:10px 0}.top-bead.active{transform:translateY(14px)}.bottom-bead.active{transform:translateY(-16px)}.abacus-widget-container h2{font-size:12px;margin:6px 0 3px}button#resetBtn{font-size:10px;margin-top:5px;padding:5px 11px}.question-container{padding:.3rem;width:98%}.question-form{border-radius:15px;min-height:28vh;padding:.7rem .8rem}.question-form-head p{font-size:15px}.end-head p{font-size:11px}.end-head i{font-size:14px}.question-form-body{gap:6px;padding:.4rem}.question-form-body pre{border-right:2px solid #4c5287;flex:0 0 80px;font-size:24px;line-height:1.4;padding-right:8px;text-align:right}.floating-question pre{font-size:20px;line-height:1.3}.math-keyboard p{font-size:10px;margin-bottom:6px}.abacus-button,.flash-mode-button{margin-right:3px;padding:5px 8px}.abacus-button i,.flash-mode-button i{font-size:12px}.flash-line{font-size:40px;line-height:1;min-height:70px}.flash-answer-text{font-size:18px}.start-flash-btn{font-size:16px;padding:.7rem 1.2rem}.flash-mode-question{min-height:180px;padding:.8rem}.mcq-choice{border-radius:8px;font-size:11px;padding:.45rem .6rem}.mcq-choice input[type=radio]{height:.9em;margin-right:.5rem;width:.9em}.mcq-title{font-size:13px;margin-bottom:.5rem}.mcq-answer-layout{gap:.4rem}.question-number p{font-size:13px;padding:.4rem .6rem}.popup-container,.question-list-container,.result-popup-container{border-radius:15px;padding:.8rem;top:60px;width:98%}.popup-body p,.popup-head p{font-size:20px}.result-popup-head img{width:150px}.result-popup-head p{font-size:15px;max-width:250px}.result-popup-body th{font-size:14px;padding:.3rem .2rem}.result-popup-body td{font-size:13px;padding:.3rem .1rem}.question-form-btn{font-size:14px;height:38px;padding:0 .8rem!important;width:70px}.question-footer-btn button{font-size:15px;padding:.5rem 0;width:100px}.question-end-btn button{font-size:15px;padding:.5rem 1rem;width:160px}.question-pocket{bottom:25px;font-size:1.8rem;height:60px;left:15px;width:60px}.pocket-number{font-size:11px;height:20px;width:20px}.question-form{max-height:none;min-height:35vh;width:100%}.question-form-body{align-items:flex-start;display:flex;flex-direction:row;gap:.4rem}.question-form-body pre{flex-shrink:0;margin-right:.3rem;max-width:30%;width:auto}.math-keyboard{flex-grow:1;margin-top:0;max-width:none;position:relative!important;right:auto!important;top:auto!important;transform:none!important;width:auto!important}.keyboard-container,.math-keyboard>div{width:100%!important}.keyboard-container{grid-gap:3px!important;display:grid!important;gap:3px!important;grid-template-columns:repeat(3,1fr)!important}.math-keyboard .digit-button{border-radius:5px!important;box-shadow:0 2px 0 0 #4c5287!important;font-size:16px!important;height:38px!important;margin:0!important;width:100%!important}.math-keyboard .digit-button:active{box-shadow:0 1px 0 0 #4c5287!important;transform:translateY(1px)!important}.math-keyboard .keyboard-next-btn{font-size:14px!important;height:38px!important}.math-keyboard p{font-size:9px!important;margin-bottom:3px!important}.whiteboard-modify button{font-size:14px;padding:.3rem .6rem}.close-whiteboard p{font-size:24px}.assignment-title input,.timer input{font-size:14px;padding:.6rem .4rem}.select-class{height:2.2em}.select-class select{font-size:14px}}.demo-quiz-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#0f172aa6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.demo-quiz-card{animation:scaleIn .3s cubic-bezier(.34,1.56,.64,1);background-color:#fff;border-radius:24px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:95vh;max-width:750px;overflow-y:auto;padding:1.5rem;position:relative;width:90%}.demo-quiz-header{border-bottom:2px solid #f1f5f9;margin-bottom:1.25rem;padding-bottom:.75rem}.demo-badge{background:linear-gradient(135deg,#f472b6,#ec4899);border-radius:9999px;box-shadow:0 4px 6px -1px #ec48994d;color:#fff;font-size:14px;font-weight:600;gap:.35rem;padding:.35rem .85rem}.sparkle-icon{animation:spin 3s linear infinite}.demo-header-actions{gap:.75rem}.demo-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;justify-content:center;padding:.25rem;transition:background-color .2s}.demo-close-btn:hover{background-color:#f1f5f9;color:#0f172a}.demo-progress-text{color:#64748b;font-size:14px;font-weight:600;margin-bottom:.75rem}.demo-question-content{gap:1.5rem}.demo-question-box{border:2px solid #e2e8f0;margin-top:0!important;width:42%}.demo-mcq-box{margin-top:0!important;width:55%}.demo-choice{border-radius:14px!important;box-shadow:0 4px 6px -1px #0000000d!important;font-size:18px!important;padding:.85rem 1.2rem!important}.correct-choice{animation:bounce .4s ease;background:linear-gradient(135deg,#4ade80,#22c55e)!important;border-color:#22c55e!important;box-shadow:0 0 15px #22c55e80!important;color:#fff!important}.correct-choice:after{content:"✔️";font-size:20px;position:absolute;right:15px;top:50%;transform:translateY(-50%)}.wrong-choice{animation:shake .4s ease;background:linear-gradient(135deg,#f87171,#ef4444)!important;border-color:#ef4444!important;box-shadow:0 0 15px #ef444480!important;color:#fff!important}.wrong-choice:after{content:"❌";font-size:20px;position:absolute;right:15px;top:50%;transform:translateY(-50%)}.demo-abacus-inline{background-color:#f8fafc;border:3px solid #65c6ee;border-radius:20px;box-shadow:inset 0 2px 4px #0000000d,0 4px 6px -1px #0000000d;display:flex;justify-content:center;margin-bottom:1.5rem;overflow-x:auto;padding:.75rem;width:100%}.demo-celebration-screen{padding:1.5rem 1rem}.celebration-icon-wrapper{align-items:center;animation:popIn .5s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,#fef08a,#fde047);border-radius:50%;box-shadow:0 10px 15px -3px #fde04766;display:flex;height:100px;justify-content:center;margin:0 auto 1rem;width:100px}.award-icon{animation:pulseIcon 1.5s ease-in-out infinite;color:#ca8a04}.celebration-title{color:#1e1b4b;font-size:28px;font-weight:800;margin-bottom:.5rem}.celebration-subtitle{color:#475569;font-size:16px;margin-bottom:1.5rem}.celebration-features{background-color:#f8fafc;border:1px dashed #cbd5e1;border-radius:16px;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:420px;padding:1.25rem}.celebration-features p{color:#334155;font-size:14px;font-weight:600;margin:.5rem 0;text-align:left}.demo-btn-primary{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:14px;box-shadow:0 4px 14px #10b98166;color:#fff;cursor:pointer;font-size:18px;font-weight:700;margin:0 auto;max-width:320px;padding:.95rem 2rem;transition:all .3s;width:100%}.demo-btn-primary:hover{background:linear-gradient(135deg,#34d399,#10b981);box-shadow:0 6px 20px #10b98180;transform:translateY(-2px)}.demo-btn-secondary{background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:14px;box-shadow:0 4px 14px #6366f166;color:#fff;cursor:pointer;font-size:18px;font-weight:700;margin:0 auto;max-width:320px;padding:.95rem 2rem;transition:all .3s;width:100%}.demo-btn-secondary:hover{background:linear-gradient(135deg,#818cf8,#6366f1);box-shadow:0 6px 20px #6366f180;transform:translateY(-2px)}@keyframes pulseIcon{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width:768px){.demo-quiz-card{padding:1rem;width:95%}.demo-question-content{align-items:center;flex-direction:column;gap:1rem}.demo-mcq-box,.demo-question-box{max-width:350px;width:100%}.demo-choice{font-size:16px!important;max-width:none!important;padding:.75rem 1rem!important}.celebration-title{font-size:24px}.demo-btn-primary,.demo-btn-secondary{font-size:16px;padding:.85rem 1.5rem}.demo-abacus-wrapper{max-width:500px;overflow-x:auto;width:95vw}}@font-face{font-display:swap;font-family:Comic Jungle;font-style:normal;font-weight:400;src:url(/static/media/Happy%20School.18c50428f5505eb80690.ttf) format("truetype")}@font-face{font-display:swap;font-family:Spicy Sale;font-style:normal;font-weight:400;src:url(/static/media/Spicy%20Sale.f3e4703dbd073d65487c.ttf) format("truetype")}.home{background-attachment:fixed;background-image:url(/static/media/webbackground10.ee1801d8b1e0f042fbe4.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:100vh;overflow:hidden;padding-bottom:2rem;position:relative}.home-container{animation:fadeInUp .8s ease-out;background:#0000;margin:0 auto 1rem;max-width:1200px;padding:.5rem 3rem;position:relative;text-align:left;width:calc(100% - 4rem);z-index:2}.hero-hybrid{align-items:flex-start;display:flex;gap:3rem;justify-content:space-between;margin-top:2rem}.hero-left{flex:1.2 1;max-width:600px;text-align:left}.hero-text-box{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffa6;border:1px solid #fff6;border-radius:30px;box-shadow:0 10px 30px #0000000d;padding:2rem}.hero-right{align-items:center;display:flex;flex:1 1;flex-direction:column;position:relative}.showcase-title{background:#fff;border:2px solid #f1f5f9;border-radius:20px;box-shadow:0 4px 15px #0000000d;margin-bottom:1rem;padding:.5rem 1.5rem}.showcase-title h2{color:#ff4757;font-family:Inter,sans-serif;font-size:1.4rem;font-weight:900;letter-spacing:-.5px;margin:0}.hero-showcase.small-showcase{position:relative;width:100%}.hero-showcase.small-showcase .magical-screen-wrapper{max-width:480px;z-index:2}.hero-illustration{animation:float-boy 3s ease-in-out infinite;bottom:-20px;pointer-events:none;position:absolute;right:-80px;width:250px;z-index:1}@keyframes float-boy{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.magical-screen{aspect-ratio:16/9;background:#fff;border:6px solid #fff;border-radius:24px;box-shadow:0 20px 50px #00000026;overflow:hidden;padding:0;position:relative;transition:all .3s ease}.magical-screen:hover{box-shadow:0 30px 70px #0003;transform:translateY(-5px)}.screen-content{height:100%;overflow:hidden;position:relative;width:100%}.hero-buttons{display:flex;gap:1.5rem;margin-top:2rem}.hero-btn-wrapper{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:10px;max-width:220px}.pink-btn{background:#ff4757;border-radius:30px;box-shadow:0 4px 15px #ff475766;padding:.8rem 1.5rem}.pink-btn:hover{background:#ff6b81;box-shadow:0 6px 20px #ff475780;transform:translateY(-2px)}.blue-btn{background:#3b82f6;border-radius:30px;box-shadow:0 4px 15px #3b82f666;padding:.8rem 1.5rem}.blue-btn:hover{background:#60a5fa;box-shadow:0 6px 20px #3b82f680;transform:translateY(-2px)}.btn-subtitle{color:#475569;font-family:Inter,sans-serif;font-size:13px;font-weight:500;letter-spacing:0;margin-top:0;opacity:1;text-align:center;text-shadow:none}.preview-slide-img{border-radius:16px;height:100%;object-fit:cover;transition:opacity .4s ease;width:100%}.slide-fade-in{opacity:1}.slide-fade-out{opacity:0}.slide-dots{bottom:10px;display:flex;gap:7px;left:50%;position:absolute;transform:translateX(-50%);z-index:5}.slide-dot{background:#ffffff80;border:2px solid #fffc;border-radius:50%;cursor:pointer;height:9px;transition:all .3s ease;width:9px}.slide-dot.active{background:#ffd93d;border-color:#ffd93d;transform:scale(1.3)}.game-strip{border-top:2px dashed #ff6b6b33;margin-bottom:2rem;margin-top:4rem;padding-top:2rem;width:100%}.game-strip-outer{background-attachment:fixed;background-image:url(/static/media/webbackground10.ee1801d8b1e0f042fbe4.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;padding-bottom:2rem;width:100%}.game-strip-header{margin-bottom:2rem;text-align:center}.game-strip-header h2{color:#334155;font-family:Comic Sans MS,cursive,sans-serif;font-size:28px}.strip-cards-3d{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;padding-bottom:1rem}.strip-card-3d{align-items:center;background:#fff;border:3px solid #0000;border-radius:20px;box-shadow:0 10px 20px #00000014;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:0;transition:all .3s cubic-bezier(.175,.885,.32,1.275);width:180px}.strip-card-3d:hover{border-color:var(--card-color);box-shadow:0 20px 30px #0003;box-shadow:0 20px 30px rgba(var(--card-color-rgb,0,0,0),.2);transform:translateY(-10px) scale(1.05)}.card-image-wrapper{align-items:center;background:#f8fafc;display:flex;height:120px;justify-content:center;overflow:hidden}.game-thumbnail{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.strip-card-3d:hover .game-thumbnail{transform:scale(1.1)}.fallback-emoji{font-size:3rem;position:absolute}.card-info{align-items:center;background:#fff;display:flex;flex-direction:column;gap:8px;padding:1rem;width:100%}.strip-name{color:#334155;font-family:Inter,sans-serif;font-size:14px;font-weight:800;line-height:1.2;text-align:center}.strip-badge{background:color-mix(in srgb,var(--card-color) 15%,#fff);border-radius:20px;color:var(--card-color);font-size:10px;font-weight:800;letter-spacing:.5px;padding:4px 10px}.floating-help-btn{border:4px solid #fff;box-shadow:0 8px 32px #f009,0 2px 12px #0000004d;font-size:10px;font-weight:900;height:150px;letter-spacing:0;line-height:1.2;padding:8px;text-align:center;text-transform:uppercase;width:150px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.home-title{animation:fadeIn 1s ease-out .3s both;margin-top:.5rem;padding-top:.5rem}.home-title h1{display:block;font-family:Inter,sans-serif;font-size:48px;font-weight:800;letter-spacing:-1px;line-height:1.2;margin:.2rem 0;padding:0}.home-title h1.text-dark{color:#1e293b}.home-title h1.text-dark,.home-title h1.text-red{-webkit-text-fill-color:initial;background:none;filter:none;text-shadow:none}.home-title h1.text-red{color:#ff4757}.home-paragraph{animation:fadeIn 1s ease-out .5s both;color:#475569;font-family:Inter,sans-serif;font-size:18px;font-weight:500;letter-spacing:0;line-height:1.5;margin-top:1rem;text-shadow:none}.home-paragraph p{margin:.5rem 0}.home-btn{align-items:center;border:none;color:#fff;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:16px;font-weight:700;gap:10px;justify-content:center;margin-top:0;text-shadow:none;transition:all .3s ease;width:100%}.home-btn .btn-text{position:relative;z-index:2}.home-options{animation:fadeIn 1s ease-out .9s both;display:flex;gap:1rem;margin:1.5rem 0}.home-option-card{background:#fff;border:3px solid #e0e0e0;border-radius:20px;cursor:pointer;flex:1 1;overflow:hidden;padding:1.2rem 1rem;position:relative;text-align:center;transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.home-option-card:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.home-option-card:hover{border-color:#ff6b6b;box-shadow:0 15px 40px #ff6b6b4d;transform:translateY(-8px) scale(1.05)}.home-option-card:hover:before{left:100%}.home-option-card:active{transform:translateY(-4px) scale(1.02)}.option-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;color:#fff;display:flex;height:60px;justify-content:center;margin:0 auto .7rem;transition:all .3s ease;width:60px}.home-option-card:hover .option-icon{transform:scale(1.1) rotate(5deg)}.teacher-icon{background:linear-gradient(135deg,#f093fb,#f5576c)}.home-option-card h3{color:#333;font-family:Comic Sans MS,cursive,sans-serif;font-size:22px;font-weight:800;margin:0 0 .5rem}.home-option-card p{color:#666;font-size:15px;line-height:1.4;margin:0 0 1rem}.option-badge{background:#4ecdc4;border-radius:20px;color:#fff;display:inline-block;font-size:13px;font-weight:700;padding:.4rem 1rem}.trial-badge{background:linear-gradient(135deg,#ffd93d,#ff6b6b)}.home-mobile{display:none}.mobile-bannar{margin-bottom:.6rem}@media only screen and (max-width:1100px){.hero-split{gap:2rem}.mascot-container{bottom:-30px;right:-20px;width:130px}}@media only screen and (max-width:992px){.home{display:none}.home-mobile{background-attachment:scroll;background-image:url(/static/media/webbackground10.ee1801d8b1e0f042fbe4.jpg);background-position:50%;background-size:cover;display:block;padding-bottom:1rem}.mobile-hero-showcase{align-items:center;display:flex;justify-content:center;margin-top:1rem;padding:.5rem 1rem;width:100%}.mobile-hero-showcase .magical-screen-wrapper{max-width:90%}.mobile-hero-showcase .magical-screen{border:4px solid #fff;border-radius:20px}}@media only screen and (max-width:768px){.home-title h1{font-family:Inter,sans-serif;font-size:32px;font-weight:800;letter-spacing:-.5px}.home-container{margin:1rem;padding:2rem 1.5rem}.home-paragraph{font-size:15px}.home-btn{font-size:14px;padding:.7rem 1.5rem}.floating-help-btn{bottom:90px;font-size:8px;height:110px;padding:5px;right:20px;width:110px}}@media only screen and (max-width:600px){.home-title h1{font-family:Inter,sans-serif;font-size:26px;font-weight:800;letter-spacing:-.5px}.home-title{margin-top:.5rem;padding-left:.8rem}.home-paragraph{font-size:14px;margin-top:1rem}.hero-buttons{display:flex;flex-direction:row!important;gap:.6rem;margin-top:1.5rem;padding:0 .5rem;width:100%}.hero-btn-wrapper{flex:1 1;max-width:none}.home-btn{border-radius:20px;font-size:12px!important;gap:4px;padding:.8rem .4rem!important;white-space:nowrap}.btn-subtitle{font-size:9.5px!important;margin-top:4px}.home-btn .btn-arrow{font-size:24px}.home-container{margin:.5rem;padding:2rem 1rem}.home-options{gap:1rem;grid-template-columns:1fr;margin:1.5rem 0 .5rem}.home-option-card{padding:1.5rem 1rem}.home-option-card h3{font-size:20px}.home-option-card p{font-size:14px}.option-icon{height:70px;width:70px}}@media only screen and (max-width:480px){.floating-help-btn{bottom:85px;font-size:7.5px;height:90px;padding:4px;right:15px;width:90px}.home-title h1{font-size:22px}.home-btn{font-size:11px!important}.btn-subtitle{font-size:8.5px!important}}.scroll-down-arrow{align-items:center;animation:bounceAndFade 2s ease-in-out infinite;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#ffffffbf;border:1px solid #ffffff80;border-radius:24px;box-shadow:0 8px 32px #0000000f;cursor:pointer;display:flex;flex-direction:column;justify-content:center;margin:2.5rem auto 0;padding:.6rem 1.2rem;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:10}.scroll-arrow-text{color:#5d17eb;font-family:Inter,sans-serif;font-size:15px;font-weight:900;letter-spacing:1.5px;margin-bottom:8px;text-shadow:0 2px 8px #fff,0 4px 12px #fffc;text-transform:uppercase}.scroll-arrow-chevron{align-items:center;background:linear-gradient(135deg,#5d17eb,#a855f7);border:4px solid #fff;border-radius:50%;box-shadow:0 6px 20px #5d17eb80;color:#fff;display:flex;height:48px;justify-content:center;transition:all .3s ease;width:48px}.scroll-down-arrow:hover .scroll-arrow-chevron{box-shadow:0 6px 20px #5d17eb99;transform:scale(1.1)}.mobile-scroll-arrow{margin:1.5rem auto 0}@keyframes bounceAndFade{0%,to{opacity:.2;transform:translateY(0)}50%{opacity:1;transform:translateY(10px)}}@media (max-width:992px){.desktop-only-arrow{display:none!important}.mobile-scroll-arrow{display:flex!important}}@media (min-width:993px){.desktop-only-arrow{display:flex!important;margin-top:1.5rem}.mobile-scroll-arrow{display:none!important}}.yellow-btn{animation:ctaPulse 2s infinite;background:linear-gradient(135deg,#fde047,#eab308);border-radius:30px;box-shadow:0 4px 15px #eab30866;color:#1e1b4b!important;padding:.8rem 1.5rem}.yellow-btn:hover{background:linear-gradient(135deg,#fef08a,#fde047);box-shadow:0 6px 20px #eab30880;transform:translateY(-2px)}.font-bold{color:#1e1b4b!important;font-weight:700!important}@keyframes ctaPulse{0%,to{box-shadow:0 4px 15px #eab30866}50%{box-shadow:0 4px 25px #eab308b3;transform:scale(1.03)}}.login{height:100vh}.login-logo{margin-bottom:1.5rem}.login-logo img{width:280px}.login-title p{color:#282727;font-size:25px}.login-title{margin-bottom:2rem}.login-form{width:340px}.login-form input{border:1px solid #9a9898;border-radius:20px;display:block;font-size:17px;margin-bottom:1rem;padding:.8rem 1rem;width:340px}.login-form p{font-size:15px;margin-bottom:3rem;text-align:end}.login-btn{animation:anime 16s linear infinite;background:linear-gradient(-45deg,#ffa63d,#ff3d77,#338aff,#3cf0c5);background-size:600%;border-radius:15px;color:#ffffffe6;cursor:pointer;font-size:20px;padding:.6rem 1.5rem;text-align:center;width:340px}.login-or{margin-top:1.5rem}.or-line{background-color:#b0aeae;height:1px;margin:0 .5rem;width:150px}.google-btn{background-color:#fff;border-radius:15px;box-shadow:0 4px 4px 0 #0000001a,0 6px 15px 0 #00000030;cursor:pointer;margin-top:1rem;padding:.6rem 1.5rem;width:340px}.google-btn img{margin-right:.5rem;width:30px}.login-footer{margin-top:2rem}.login-badges-container{background:#ffffffd9;border:2px dashed #6366f159;border-radius:20px;box-shadow:0 4px 6px -1px #0000000d;margin-top:1rem;padding:.85rem;text-align:center;width:340px}.badges-title{color:#475569;font-size:13px!important;font-weight:700;letter-spacing:.5px;margin-bottom:.6rem!important;text-align:center!important;text-transform:uppercase}.badges-list{display:flex;gap:.75rem;justify-content:center}.demo-login-badge{border:1.5px solid #0000;border-radius:12px;box-shadow:0 2px 4px #0000000d;cursor:pointer;font-size:13px;font-weight:700;padding:.55rem 1rem;transition:all .2s ease}.teacher-badge{background:#fff5f7;border-color:#fbcfe8;color:#be185d}.teacher-badge:hover{background:#fce7f3;box-shadow:0 4px 12px #db277726;transform:translateY(-2.5px)}.student-badge{background:#f0fdf4;border-color:#bbf7d0;color:#166534}.student-badge:hover{background:#dcfce7;box-shadow:0 4px 12px #16653426;transform:translateY(-2.5px)}.register{height:100vh}.register-logo{margin-bottom:1.5rem}.register-logo img{width:280px}.register-title p{color:#282727;font-size:25px}.register-title{margin-bottom:2rem}.register-form{width:340px}.register-form input{border:1px solid #9a9898;border-radius:20px;display:block;font-size:17px;margin-bottom:1.3rem;padding:.8rem 1rem;width:340px}::placeholder{color:#979494;font-size:16px}.register-btn{animation:anime 16s linear infinite;background:linear-gradient(-45deg,#ffa63d,#ff3d77,#338aff,#3cf0c5);background-size:600%;border-radius:15px;color:#ffffffe6;cursor:pointer;font-size:20px;margin-top:1rem;padding:.6rem 1.5rem;text-align:center;width:340px}.register-footer{margin-top:2rem}.system-loading{padding:0 2.5rem}.system-loading-item{border-radius:10px;height:48px;margin-top:1rem;width:100%}@media only screen and (max-width:768px){.system-loading{padding:0 1rem}}.system-container{padding:0 2.5rem 4rem}.system{background-color:#fff;border:1px solid #0000000d;border-radius:10px;box-shadow:0 4px 4px 0 #0000001a,0 6px 15px 0 #00000030;cursor:pointer;height:50px;margin-top:1rem;overflow:hidden;padding:1rem 1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.system:hover{background-color:#faf5ff;border-color:#a855f7;box-shadow:0 8px 16px #00000026,0 4px 6px #0000001a;transform:translateY(-2px)}.system:after{color:#5d17eb;content:"▼";font-size:14px;font-weight:700;position:absolute;right:20px;top:16px;transition:transform .3s ease,color .3s ease}.system.opened:after{color:#ef4444;transform:rotate(180deg)}.system-instruction-banner{align-items:center;animation:bannerFadeIn .5s ease-out;background:linear-gradient(135deg,#f3e8ff,#e9d5ff);border-left:5px solid #8b5cf6;border-radius:12px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;display:flex;gap:15px;margin-bottom:20px;margin-top:10px;padding:15px 20px}.banner-icon{align-items:center;background:#fff;border-radius:50px;box-shadow:0 2px 4px #0000000d;display:flex;font-size:24px;justify-content:center;padding:8px}.banner-text h4{color:#5b21b6;font-size:16px;font-weight:700;margin:0}.banner-text p{color:#6b21a8;font-size:14px;margin:4px 0 0}@keyframes bannerFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.system-subject{background:#5d17eb;border-radius:10px;color:#fff;cursor:pointer;display:block;font-family:Georgia,serif;font-size:14px;font-size:20px;font-size:bold;height:45px;padding-bottom:15px;padding-left:.8rem;padding-top:10px;position:absolute;top:50px;transition:.6s;width:97%}@media only screen and (max-width:992px){.system-subject{width:95%}}@media only screen and (max-width:768px){.system-subject{width:94.5%}.system-container{padding:0 1rem 6.5rem}}@media only screen and (max-width:600px){.system-subject{width:91%}}.system-subject.locked{align-items:center;background:#94a3b8!important;box-sizing:initial;color:#f1f5f9!important;display:flex;justify-content:space-between;padding-bottom:15px;padding-right:1.2rem;padding-top:10px}.system-subject.locked:hover{background:#64748b!important}.subject-lock-badge{font-size:18px;line-height:1}.upgrade-overlay{align-items:center;animation:fadeInOverlay .3s ease-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:#0f172a73;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.upgrade-modal-card{animation:scaleInCard .3s cubic-bezier(.34,1.56,.64,1);background:#fff;border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;max-width:440px;padding:2.5rem 2rem;position:relative;text-align:center;width:90%}.upgrade-close-btn{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:1.75rem;line-height:1;padding:.25rem;position:absolute;right:1.25rem;top:1.25rem;transition:color .2s ease}.upgrade-close-btn:hover{color:#475569}.upgrade-modal-header{align-items:center;display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem}.lock-large-icon{align-items:center;background:#f5f3ff;border-radius:50%;box-shadow:0 4px 10px #8b5cf61a;display:flex;font-size:3rem;height:80px;justify-content:center;padding:1rem;width:80px}.upgrade-modal-header h2{color:#1e1b4b;font-family:Outfit,sans-serif;font-size:1.75rem;font-weight:800;margin:0}.upgrade-modal-text{color:#475569;font-family:Outfit,sans-serif;font-size:1rem;line-height:1.6;margin-bottom:2rem}.upgrade-modal-actions{display:flex;flex-direction:column;gap:.75rem}.upgrade-btn-primary{background:linear-gradient(135deg,#7c3aed,#6d28d9);border:none;border-radius:12px;box-shadow:0 4px 6px #7c3aed33;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:.875rem 1.5rem;transition:all .2s ease}.upgrade-btn-primary:hover{box-shadow:0 6px 12px #7c3aed4d;filter:brightness(1.1);transform:translateY(-1px)}.upgrade-btn-secondary{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;color:#475569;cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem 1.5rem;transition:all .2s ease}.upgrade-btn-secondary:hover{background:#f1f5f9;border-color:#cbd5e1;color:#1e293b}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}@keyframes scaleInCard{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.profile-loading-img{border-radius:50%;height:180px;width:180px}.profile-loading-name{border-radius:3px;height:25px;margin-top:1rem;width:250px}.profile-loading-paragraph1{height:10px;margin-top:.8rem;width:350px}.profile-loading-paragraph2{height:10px;margin-top:.4rem;width:280px}.profile-loading-body{border-radius:10px;height:250px;margin-top:2.5rem;width:345px}.profile-loading-button{border-radius:25px;height:42px;margin-top:2.5rem;width:330px}.not-login{height:80vh}.not-login p{line-height:1.5rem;margin-bottom:1rem;width:300px}.not-login p,.not-login-btn{font-size:20px;text-align:center}.not-login-btn{animation:anime 16s linear infinite;background:linear-gradient(-45deg,#ffa63d,#ff3d77,#338aff,#3cf0c5);background-size:600%;border-radius:50px;color:#ffffffe6;padding:.6rem 1.5rem;width:180px}.user-container{padding-bottom:6.5rem}.profile-avataer img{width:150px}.user-name{margin-bottom:1rem;margin-top:.8rem;text-align:center}.user-name h2{margin:0}.user-name p{color:#565555;font-size:15px}.user-info{background-color:#fff;border-radius:10px;box-shadow:0 4px 4px 0 #0000001a,0 6px 15px 0 #00000030;margin-top:1.5rem;padding:1.3rem 1rem 1.3rem 0;width:350px}.info{border-bottom:1px solid #c3c2c2;color:#383737;margin-bottom:.7rem;padding:1rem 0}.info i{margin-right:.5rem}.info i,.info p{font-size:18px}.info:last-child{border:0;margin-bottom:0}.user-btn{animation:anime 16s linear infinite;background:linear-gradient(-45deg,#ffa63d,#ff3d77,#338aff,#3cf0c5);background-size:600%;border-radius:50px;color:#ffffffe6;cursor:pointer;font-size:20px;margin-top:2.5rem;padding:.6rem 1.5rem;text-align:center;width:320px}.user-footer{color:#565555;font-size:15px;margin-top:.8rem;text-align:center}.contact-mobile{background-attachment:fixed;background-image:url(/static/media/webbackground10.ee1801d8b1e0f042fbe4.jpg);background-position:50%;background-size:cover;min-height:100vh;padding:2rem 1rem 6rem}.contact-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #ffffff4d;border-radius:40px;box-shadow:0 20px 50px #0000001a;margin:0 auto;max-width:600px;padding:3rem}.icon{background-color:#5d17eb;border-radius:50%;height:50px;width:50px}.icon i{color:#fff;font-size:20px}.info{margin-left:1rem}.social-link i{cursor:pointer;font-size:25px;margin-left:.5rem;margin-top:.3rem}.social-link i:first-child{margin-left:0}.contact-mobile-btn{animation:anime 16s linear infinite;background:linear-gradient(-45deg,#ffa63d,#ff3d77,#338aff,#3cf0c5);background-size:600%;border-radius:50px;color:#ffffffe6;cursor:pointer;font-size:20px;margin-top:1rem;padding:.6rem;text-align:center;width:100px}.contact-mobile-info{margin-bottom:.5rem}.contact-mobile-form{border:1px solid #5d17eb;border-radius:20px;margin-top:2rem;padding:1.5rem 1.8rem;width:100%}.contact-mobile-form input{border:1px solid gray;border-radius:5px;margin-bottom:.8rem;margin-top:.2rem;padding:.5rem 0;width:100%}.last-mobile-input{padding:.8rem 0!important}.contact-mobile-form p{font-size:30px;margin-bottom:1rem}.contact-mobile-container{margin-left:.1rem}.download-app img{cursor:pointer;margin-top:.5rem;width:51%}.install-ios{bottom:100px;position:fixed;transition:.7s}.install-down{bottom:-500px!important}.install-container{background-color:#fff;border-radius:15px;margin-right:1rem;padding:1rem;position:relative}.install-container,.install-header img{box-shadow:0 4px 4px 0 #0000001a,0 6px 15px 0 #00000030}.install-header img{border-radius:18px;margin-bottom:1rem;width:80px}.install-header p{font-weight:700}.install-body p{color:#161616;font-size:13px;margin-bottom:.8rem;margin-top:.5rem;text-align:center}.install-footer{border-top:1px solid #afadad;padding-top:.6rem}.install-footer img{margin:0 .3rem;width:20px}.install-footer p{font-size:15px}.close-install{position:absolute;right:15px;top:6px}.close-install p{cursor:pointer;font-size:30px}@media only screen and (max-width:600px){.contact-mobile-form{padding:1.5rem 1.4rem;width:99%}.info{margin-left:.7rem}}.question-loading{margin:auto;padding:1rem;width:60%}.loading-number-container{margin-top:1rem}.question-loading-number{border-radius:10px;height:50px;margin-right:.5rem;margin-top:.5rem;width:50px}.question-loading-btn-cont{justify-content:flex-start;width:100%}.question-loading-btn{border-radius:10px;height:50px;margin-top:.6rem;width:220px}.question-loading-body{border-radius:10px;height:480px;margin-top:1.5rem;width:100%}@media only screen and (max-width:992px){.question-loading{width:80%}}@media only screen and (max-width:768px){.question-loading{width:100%}}@media only screen and (max-width:600px){.square1,.square2,.square3,.square4,.square5{display:none}.question-loading-body{height:400px}}.verify{height:100vh}.verify-logo{margin-bottom:1.5rem}.verify-logo img{width:200px}.verify-title p{color:#282727;font-size:25px}.verify-title{margin-bottom:2rem}.verify-input input{border:1px solid #b8b6b6;border-radius:8px;font-size:1.125rem;height:45px;margin-right:.6rem;outline:none;text-align:center;width:42px}.verify-input input::-webkit-inner-spin-button,.verify-input input::-webkit-outer-spin-button{display:none}.verify-btn{margin-right:.7rem;width:300px}.verify-btn button{background-color:#5d17eb;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.3rem;font-weight:500;margin-top:1.5rem;padding:.8rem 0;text-align:center;width:100%}.verify-footer{text-align:center}.verify-footer p:first-child{color:#868585;font-size:15px;margin-top:1rem}.verify-footer p:last-child{color:#5d17eb;cursor:pointer;font-size:17px;font-weight:450;margin-top:.2rem}.res-pas-email{height:100vh}.res-pas-email-logo{margin-bottom:1.5rem}.res-pas-email-logo img{width:280px}.res-pas-email-title p{color:#282727;font-size:25px}.res-pas-email-title{margin-bottom:1.6rem}.res-pas-email-input input{border:1px solid #9a9898;border-radius:20px;font-size:17px;margin-bottom:1.3rem;padding:.8rem 1rem;width:340px}.res-email-btn{animation:anime 16s linear infinite;background:linear-gradient(-45deg,#ffa63d,#ff3d77,#338aff,#3cf0c5);background-size:600%;border-radius:15px;color:#ffffffe6;cursor:pointer;font-size:20px;padding:.6rem 1.5rem;text-align:center;width:340px}.res-pas-code{height:100vh}.res-pas-code-logo{margin-bottom:1.5rem}.res-pas-code-logo img{width:280px}.res-pas-code-title p{color:#282727;font-size:25px}.res-pas-code-title{margin-bottom:2rem}.res-pas-code-input input{border:1px solid #b8b6b6;border-radius:8px;font-size:1.125rem;height:45px;margin-right:.6rem;outline:none;text-align:center;width:42px}.res-pas-code-input input::-webkit-inner-spin-button,.res-pas-code-input input::-webkit-outer-spin-button{display:none}.res-pas-code-btn{margin-right:.7rem;width:300px}.res-pas-code-btn button{background-color:#5d17eb;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.3rem;font-weight:500;margin-top:1.5rem;padding:.8rem 0;text-align:center;width:100%}.reset-password{height:100vh}.reset-password-logo{margin-bottom:1.5rem}.reset-password-logo img{width:280px}.reset-password-title p{color:#282727;font-size:25px}.reset-password-title{margin-bottom:1.6rem}.reset-password-input input{border:1px solid #9a9898;border-radius:20px;margin-bottom:1rem;padding:.8rem 1rem;width:340px}.reset-password-btn{animation:anime 16s linear infinite;background:linear-gradient(-45deg,#ffa63d,#ff3d77,#338aff,#3cf0c5);background-size:600%;border-radius:15px;color:#ffffffe6;cursor:pointer;font-size:20px;margin-top:1rem;padding:.6rem 1.5rem;text-align:center;width:340px}.unit-container{padding:0 2.5rem 4rem}.dwon{padding-bottom:5px!important}.unit{background-color:#fff;border-radius:10px;box-shadow:0 4px 4px 0 #0000001a,0 6px 15px 0 #00000030;cursor:pointer;height:50px;margin-top:1rem;overflow:hidden;padding:1rem;position:relative;transition:.6s}.unit:after{content:"";font-size:30px;font-weight:700;position:absolute;right:18px;top:0}.unit-chapter{background:#5d17eb;border-radius:10px;color:#fff;cursor:pointer;display:block;font-family:Georgia,serif;font-size:14px;font-size:20px;font-size:bold;height:45px;padding-bottom:15px;padding-left:.8rem;padding-top:10px;position:absolute;top:50px;transition:.6s;width:97%}@media only screen and (max-width:992px){.unit-chapter{width:95%}}@media only screen and (max-width:768px){.unit-chapter{width:94.5%}.unit-container{padding:0 1rem 6.5rem}}@media only screen and (max-width:600px){.unit-chapter{width:91%}}.unit.locked{align-items:center;background:#94a3b8!important;box-sizing:border-box;color:#f1f5f9!important;display:flex;justify-content:space-between;padding-right:1.5rem}.unit.locked:hover{background:#64748b!important}.unit-lock-badge{font-size:18px;line-height:1}.unit.empty{background:#f1f5f9!important;box-shadow:none;color:#94a3b8!important;cursor:not-allowed;opacity:.45;pointer-events:none;-webkit-user-select:none;user-select:none}.teachers-list-container{background-color:#f9f9f9;border-radius:15px;margin:2rem 0;padding:2rem;width:100%}.teachers-list-title{align-items:center;color:#333;display:flex;font-size:1.8rem;gap:.5rem;margin-bottom:2rem}.teachers-empty-state{background:#fff;border:2px dashed #e0e0e0;border-radius:10px;padding:3rem 2rem;text-align:center}.teachers-empty-state h3{color:#667eea;font-size:1.5rem;margin-bottom:1rem}.teachers-empty-state p{color:#999;font-size:1rem}.teachers-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.teacher-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 12px #0000001a;overflow:hidden;transition:all .3s ease}.teacher-card:hover{border-color:#667eea;box-shadow:0 8px 20px #667eea26;transform:translateY(-4px)}.teacher-card-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:1.5rem}.teacher-info h3{font-size:1.3rem;font-weight:700;margin:0}.teacher-name-status-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.school-status-badge{align-items:center;border-radius:30px;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:800;gap:8px;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase;transition:all .2s ease;-webkit-user-select:none;user-select:none}.school-status-badge:hover{box-shadow:0 4px 8px #00000026;filter:brightness(1.15);transform:scale(1.05)}.school-status-badge:active{transform:scale(.98)}.school-status-badge.status-pending{background:#ffffff2e;border:1px solid #ffffff4d;color:#ffd8a8}.school-status-badge.status-ready{background:#ffffff38;border:1px solid #fff6;color:#b2f2bb}.status-dot-indicator{display:inline-block;height:8px;width:8px}.teacher-meta{font-size:.9rem;margin:.5rem 0 0;opacity:.9}.teacher-actions{align-items:center;display:flex;gap:.5rem}.delete-btn,.expand-btn{align-items:center;background-color:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .3s ease}.delete-btn:hover,.expand-btn:hover{background-color:#fff6;transform:scale(1.1)}.delete-btn:hover{background-color:#ff6b6bcc}.teacher-card-content{max-height:500px;overflow-y:auto;padding:1.5rem}.groups-list{display:flex;flex-direction:column;gap:1.5rem}.group-item{background-color:#f9f9f9;border-left:4px solid #667eea;border-radius:6px;padding:1rem}.group-name{align-items:center;display:flex;gap:.5rem;margin-bottom:1rem}.group-icon{font-size:1.2rem}.group-name h4{color:#333;font-size:1.1rem;font-weight:600;margin:0}.students-list{display:flex;flex-direction:column;gap:.5rem}.student-item{align-items:center;border:1px solid #e0e0e0;border-radius:4px;display:flex;gap:.6rem;padding:.6rem}.student-icon{font-size:1rem}.student-item p{color:#666;font-size:.95rem}.teacher-timestamp{border-top:1px solid #e0e0e0;margin-top:1rem;padding-top:1rem}.teacher-timestamp small{color:#999;font-size:.8rem}.teacher-card-content::-webkit-scrollbar{width:6px}.teacher-card-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.teacher-card-content::-webkit-scrollbar-thumb{background:#667eea;border-radius:10px}.teacher-card-content::-webkit-scrollbar-thumb:hover{background:#5568d3}@media (max-width:1200px){.teachers-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:768px){.teachers-list-container{margin:1rem 0;padding:1.5rem}.teachers-list-title{font-size:1.5rem;margin-bottom:1.5rem}.teachers-grid{gap:1.5rem;grid-template-columns:1fr}.teacher-card-header{padding:1rem}.teacher-info h3{font-size:1.1rem}.teacher-card-content{padding:1rem}.group-item{padding:.8rem}.group-name h4{font-size:1rem}.student-item{font-size:.9rem;padding:.5rem}}@media (max-width:480px){.teachers-list-container{padding:1rem}.teachers-list-title{font-size:1.3rem;margin-bottom:1rem}.teacher-card-header{align-items:flex-start;flex-direction:column;gap:1rem}.teacher-actions{align-self:flex-end}.teacher-info h3{font-size:1rem}.teacher-meta{font-size:.8rem}}.credentials-container{border-top:2px dashed #e2e8f0;flex-direction:column;gap:8px;margin-top:1.5rem;padding-top:1.5rem;text-align:left}.credentials-label{color:#4a5568;font-size:.9rem;font-weight:750}.credentials-textarea{background-color:#f8fafc;border:2px solid #cbd5e1;border-radius:10px;color:#334155;font-family:inherit;font-size:.9rem;min-height:80px;padding:10px 12px;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.credentials-textarea:focus{background-color:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea26;outline:none}.dashboard-school{padding:0 2.2rem 6.5rem}.dashboard-school-header{font-size:30px;font-weight:700;line-height:2.2rem;margin-top:1rem;padding-left:.3rem}.dashboard-school-header p:last-child{color:orange}.dashboard-school-body{margin-top:.5rem}.dashboard-school-body a{cursor:pointer;margin-top:.8rem;width:33%}@media only screen and (max-width:1100px){.dashboard-school-header{font-size:25px;line-height:2rem}.dashboard-school-body a{width:50%}}@media only screen and (max-width:768px){.dashboard-school-body a{width:100%}.dashboard-school{padding:0 1.2rem 6.5rem}.dashboard-school-body a{margin-top:.3rem}}@media only screen and (max-width:600px){.dashboard-school{padding:0 1rem 6.5rem}.dashboard-school-header{font-size:19px;line-height:1.3rem;margin:.5rem 0}}.dashboard-loading-item{border-radius:10px;height:49px;margin-top:1rem;width:100%}.student-container{padding:0 2.2rem 7rem;position:relative}.student-header{margin-top:1rem}.student-header input{border:1px solid gray;border-radius:10px;padding:1rem;width:97%}.student-header div{background-color:#5d17eb;border-radius:50%;color:#fff;cursor:pointer;font-size:23px;height:50px;margin-left:.8rem;width:50px}.student-body{margin-top:2rem}.student-name img{margin-right:.3rem;width:22px}.student-body table{border-collapse:collapse;width:100%}.student-header-body tr{color:gray;font-size:17px}.student-header-body:after{content:"@";display:block;line-height:20px;text-indent:-99999px}.student-header-body td{overflow:hidden;padding:0 1rem;text-overflow:ellipsis;white-space:nowrap}.student-row{border-radius:10px;box-shadow:0 4px 4px 0 #0000001a,0 6px 15px 0 #00000030;font-size:18px}.student-row td{overflow:hidden;padding:1rem;text-overflow:ellipsis;white-space:nowrap}.student-action i{cursor:pointer;font-size:23px;margin-right:.7rem}.student-action i:first-child{color:#5d17eb}.student-action i:last-child{color:#ff3131}.student-footer{bottom:40px;position:absolute}.student-footer button{background:none;background:linear-gradient(90deg,#fff,#fff),linear-gradient(90deg,#5d17eb,#ff3131);background-clip:padding-box,border-box;background-origin:padding-box,border-box;border:2px solid #0000;border-radius:20px;cursor:pointer;font-family:system-ui;font-size:1.1rem;height:50px;margin-right:.7rem;text-decoration:inherit;width:120px}@media only screen and (max-width:768px){.student-container{padding:0 1.2rem 12rem}.student-body{overflow-x:auto}.student-footer{bottom:120px}.add-student-container,.remove-student-container,.update-student-container{width:70%}}@media only screen and (max-width:600px){.student-container{padding:0 1rem 12rem}.add-student-container,.remove-student-container,.update-student-container{width:95%}.student-header div{height:47px}}.class-container{padding:0 2.2rem 6.5rem}.class-header{background-color:#5d17eb;border-radius:20px;color:#fff;cursor:pointer;font-size:18px;font-weight:500;margin-bottom:1.5rem;padding:.65rem .8rem}.class-header p{margin-right:.5rem}.class-header p:first-child{background-color:#fff;border-radius:50%;color:#5d17eb;padding:.75rem 1rem}.class-item{background-color:#fff;border-radius:10px;box-shadow:0 4px 4px 0 #0000001a,0 6px 15px 0 #00000030;margin-top:.5rem;padding:1rem .8rem}.class-item p{font-size:17px}.class-icon i{background-color:#fff;border-radius:10px;box-shadow:0 4px 4px 0 #0000001a,0 6px 15px 0 #0000001a;cursor:pointer;font-size:20px;margin-right:.4rem;padding:.5rem}.class-icon i:first-child{color:blue}.class-icon i:nth-child(2){color:#5d17eb}.class-icon:last-child{color:red}.dropbtn{background-color:#5d17eb;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;padding:.6em .5em .4em}.dropdown{display:inline-block;position:relative}.dropdown-content{background-color:#f9f9f9;box-shadow:0 8px 16px 0 #0003;cursor:pointer;display:none;left:-85px;min-width:143px;position:absolute;z-index:1}.dropdown-content p{color:#000;display:block;padding:12px 0 12px 14.5px;text-decoration:none}.dropdown-content p:hover{background-color:#f1f1f1}.dropdown:hover .dropdown-content{display:block}.dropdown:hover .dropbtn{background-color:#5325af}.add-class-popup,.add-to-class-popup,.remove-class-popup,.update-class-popup{background-color:#05050580;bottom:0;left:0;position:fixed;right:0;top:0;transition:.5s}.class-popup-hide{background-color:initial!important;transition:.5s}.add-class-container,.add-to-class-container,.remove-class-container,.update-class-container{background-color:#fff;border-radius:10px;max-height:80vh;overflow-y:scroll;padding:1rem;position:absolute;top:120px;transition:.7s;width:40%}.student-list-container,.teacher-list-container{max-height:70vh;position:relative;top:-50px}.class-top{top:-1200px;transition:.7s}.add-to-popup-body,.remove-popup-body{padding:.8rem 0}.student-item{margin-bottom:.5rem}.student-item i{color:#ff3131;cursor:pointer;font-size:20px}.front-layer{background-color:#050505cc;bottom:0;left:0;position:absolute;right:0;top:0}.loader-percentage{background:#fff;border:2px solid #fff;color:red;display:block;height:32px;overflow:hidden;position:relative;width:200px}.loader-percentage:before{animation:loading 10s linear infinite;background:red;width:0}.loader-percentage:after,.loader-percentage:before{content:"";height:100%;left:0;position:absolute;top:0}.loader-percentage:after{animation:percentage 10s linear infinite;color:#0ff;font-size:24px;line-height:32px;mix-blend-mode:difference;text-align:center;width:100%}@keyframes loading{0%{width:0}to{width:100%}}@keyframes percentage{0%{content:"0%"}5%{content:"5%"}10%{content:"10%"}20%{content:"20%"}30%{content:"30%"}40%{content:"40%"}50%{content:"50%"}60%{content:"60%"}70%{content:"70%"}80%{content:"80%"}90%{content:"90%"}95%{content:"95%"}96%{content:"96%"}97%{content:"97%"}98%{content:"98%"}99%{content:"99%"}to{content:"100%"}}@media only screen and (max-width:992px){.add-class-container,.add-to-class-container,.remove-class-container,.update-class-container{width:50%}}@media only screen and (max-width:768px){.class-container{padding:0 1.2rem 6.5rem}.add-class-container,.add-to-class-container,.remove-class-container,.update-class-container{width:70%}}@media only screen and (max-width:600px){.class-container{padding:0 1rem 6.5rem}.add-class-container,.add-to-class-container,.remove-class-container,.update-class-container{width:95%}}.subject-container{padding:0 2.2rem 6.5rem}.subject-header{background-color:#5d17eb;border-radius:20px;color:#fff;cursor:pointer;font-size:18px;font-weight:500;margin-bottom:1.5rem;padding:.65rem .8rem}.subject-header p{margin-right:.5rem}.subject-header p:first-child{background-color:#fff;border-radius:50%;color:#5d17eb;padding:.75rem 1rem}.subject-item{background-color:#fff;border-radius:10px;box-shadow:0 4px 4px 0 #0000001a,0 6px 15px 0 #00000030;margin-top:.5rem;padding:1rem .8rem}.subject-item p{font-size:17px}.subject-icon i{background-color:#fff;border-radius:10px;box-shadow:0 4px 4px 0 #0000001a,0 6px 15px 0 #0000001a;cursor:pointer;font-size:20px;margin-right:.4rem;padding:.5rem}.subject-icon i:first-child{color:#5d17eb}.subject-icon:last-child{color:red}.add-subject-popup,.remove-subject-popup,.update-subject-popup{background-color:#05050580;bottom:0;left:0;position:fixed;right:0;top:0;transition:.5s}.class-subject-hide{background-color:initial!important;transition:.5s}.add-subject-container,.remove-subject-container,.update-subject-container{background-color:#fff;border-radius:10px;max-height:80vh;overflow-y:scroll;padding:1rem;position:absolute;top:120px;transition:.7s;width:40%}.subject-top{top:-1200px;transition:.7s}.remove-popup-body{padding:.8rem 0}.remove-popup-body h3,.remove-popup-body p{text-align:center}.remove-popup-body p{font-size:19px;margin-bottom:.3rem}@media only screen and (max-width:992px){.add-subject-container,.remove-subject-container,.update-subject-container{width:50%}}@media only screen and (max-width:768px){.subject-container{padding:0 1.2rem 6.5rem}.add-subject-container,.remove-subject-container,.update-subject-container{width:70%}}@media only screen and (max-width:600px){.subject-container{padding:0 1rem 6.5rem}.add-subject-container,.remove-subject-container,.update-subject-container{width:95%}}.teacher-container{padding:0 2.2rem 7rem;position:relative}.teacher-header{margin-top:1rem}.teacher-header input{border:1px solid gray;border-radius:10px;padding:1rem;width:97%}.teacher-header div{background-color:#5d17eb;border-radius:50%;color:#fff;cursor:pointer;font-size:23px;height:50px;margin-left:.8rem;width:50px}.teacher-body{margin-top:2rem}.teacher-name img{margin-right:.3rem;width:22px}.teacher-body table{border-collapse:collapse;width:100%}.teacher-header-body tr{color:gray;font-size:17px}.teacher-header-body:after{content:"@";display:block;line-height:20px;text-indent:-99999px}.teacher-header-body td{overflow:hidden;padding:0 1rem;text-overflow:ellipsis;white-space:nowrap}.teacher-row{border-radius:10px;box-shadow:0 4px 4px 0 #0000001a,0 6px 15px 0 #00000030;font-size:18px}.teacher-row td{overflow:hidden;padding:1rem;text-overflow:ellipsis;white-space:nowrap}.teacher-action i{cursor:pointer;font-size:23px;margin-right:.7rem}.teacher-action i:first-child{color:#5d17eb}.teacher-action i:last-child{color:#ff3131}.teacher-footer{bottom:40px;position:absolute}.teacher-footer button{background:none;background:linear-gradient(90deg,#fff,#fff),linear-gradient(90deg,#5d17eb,#ff3131);background-clip:padding-box,border-box;background-origin:padding-box,border-box;border:2px solid #0000;border-radius:20px;cursor:pointer;font-family:system-ui;font-size:1.1rem;height:50px;margin-right:.7rem;text-decoration:inherit;width:120px}.add-student-popup,.remove-student-popup,.update-student-popup{background-color:#05050580;bottom:0;left:0;position:fixed;right:0;top:0;transition:.5s}.student-popup-hide{background-color:initial!important;transition:.5s}.add-student-container,.remove-student-container,.update-student-container{background-color:#fff;border-radius:10px;max-height:80vh;overflow-y:scroll;padding:1rem;position:absolute;top:120px;transition:.7s;width:40%}.update-top{top:-1200px;transition:.7s}.add-popup-head,.update-popup-head{border-bottom:1px solid #b5b4b4;padding-bottom:.7rem}.add-popup-head p,.update-popup-head p{font-size:25px}.add-popup-body,.update-popup-body{padding:.8rem 0}.add-popup-body label,.update-popup-body label{color:#1b1b1b;display:block;margin-bottom:.3rem}.add-popup-body input,.update-popup-body input{border:1px solid gray;border-radius:10px;margin-bottom:.5rem;padding:.7rem .6rem;width:100%}.show-password input{width:18px}.show-password p{color:#000;font-size:15px;margin-bottom:.3rem}.add-popup-select-class select,.update-popup-select-class select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;background-image:none;border:0;box-shadow:none;cursor:pointer;flex:1 1;font-size:16.5px;outline:10px red;text-indent:1px;text-overflow:""}.add-popup-select-class,.update-popup-select-class{border-radius:.4em;box-shadow:0 4px 4px 0 #0000001a,0 6px 15px 0 #0003;display:flex;height:2.5em;margin:.5rem 0;overflow:hidden;padding-left:.5rem;position:relative;width:100%}.add-popup-select-class:after,.update-popup-select-class:after{background-color:#5d17eb;color:#fff;content:"\25BC";padding:.7em;pointer-events:none;position:absolute;right:0;top:0;transition:all .25s ease}.popup-btn{background-color:#ff3131}.popup-btn2{background-color:#5d17eb;margin-left:.5rem;width:100px}.class-info{cursor:pointer;font-size:20px}@media only screen and (max-width:992px){.add-student-container,.remove-student-container,.update-student-container{width:50%}}@media only screen and (max-width:768px){.teacher-container{padding:0 1.2rem 12rem}.teacher-body{overflow-x:auto}.teacher-footer{bottom:120px}.add-student-container,.remove-student-container,.update-student-container{width:70%}}@media only screen and (max-width:600px){.teacher-container{padding:0 1rem 12rem}.add-student-container,.remove-student-container,.update-student-container{width:95%}.teacher-header div{height:47px}}.teacher-row.expanded{border:2px solid #5d17eb;box-shadow:0 4px 15px 0 #5d17eb33,0 6px 20px 0 #5d17eb26}.teacher-row.expanded td{border-bottom:none}.expanded-content-row td{padding:0}.teacher-classes-container{animation:slideDown .3s ease-out forwards;background:#f8f9fa;border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top:1px solid #eaeaea;padding:1.5rem}.classes-title{color:#333;font-size:1.1rem;font-weight:600;margin:0 0 1rem}.classes-grid{display:flex;flex-wrap:wrap;gap:1rem}.class-pill{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:50px;box-shadow:0 2px 4px #0000000d;display:flex;padding:.5rem 1rem;transition:transform .2s,box-shadow .2s}.class-pill:hover{border-color:#5d17eb;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.class-icon{font-size:1.2rem;margin-right:.5rem}.class-name{color:#444;font-weight:500}.no-classes-msg{background:#fff;border:1px dashed #ccc;border-radius:8px;color:#666;font-style:italic;padding:1rem;text-align:center}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.attempt-history-modal{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.attempt-history-content{background:#fff;border-radius:16px;box-shadow:0 10px 40px #0003;max-height:90vh;max-width:800px;overflow-y:auto;position:relative;width:100%}.attempt-history-header{align-items:center;background:#fff;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.attempt-history-header h2{color:#1f2937;font-size:24px;font-weight:600;margin:0}.close-btn{align-items:center;border-radius:8px;color:#6b7280;display:flex;font-size:32px;height:40px;justify-content:center;transition:all .2s;width:40px}.close-btn:hover{background:#f3f4f6;color:#1f2937}.statistics-section{grid-gap:16px;background:#f9fafb;border-bottom:2px solid #e5e7eb;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));padding:24px}.stat-card{border:1px solid #e5e7eb;box-shadow:0 2px 8px #00000014;padding:16px;text-align:center}.stat-label{color:#6b7280;font-size:12px;font-weight:500;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.stat-value{color:#1f2937;font-size:24px}.stat-value.highlight-green{color:#059669}.stat-value.highlight-blue{color:#0284c7}.attempts-list{padding:24px}.attempts-list h3{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 16px}.no-attempts{color:#6b7280;padding:40px;text-align:center}.attempts-table{overflow-x:auto}.attempts-table table{border-collapse:collapse;width:100%}.attempts-table thead{background:#f9fafb}.attempts-table th{border-bottom:2px solid #e5e7eb;color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.attempts-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background .2s}.attempts-table tbody tr:hover{background:#f9fafb}.attempts-table tbody tr.current-attempt{background:#dbeafe}.attempts-table tbody tr.current-attempt:hover{background:#bfdbfe}.attempts-table td{color:#374151;padding:16px}.attempt-number{color:#1f2937;font-size:16px;font-weight:600}.current-badge{background:#0284c7;border-radius:12px;color:#fff;font-size:11px;font-weight:600;letter-spacing:.5px;margin-left:8px;padding:2px 8px;text-transform:uppercase}.score{font-size:16px;font-weight:600}.score.completed-score{color:#059669}.score.in-progress-score{color:#9ca3af}.date-cell{color:#6b7280;font-size:14px}.attempt-history-footer{background:#f9fafb;border-top:2px solid #e5e7eb;display:flex;justify-content:center;padding:24px}.attempt-history-footer .button{background:#0284c7;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 32px;transition:all .2s}.attempt-history-footer .button:hover{background:#0369a1;box-shadow:0 4px 12px #0284c74d;transform:translateY(-1px)}.error-message,.loading{color:#6b7280;padding:40px;text-align:center}.error-message{color:#dc2626}@media (max-width:640px){.attempt-history-content{border-radius:0;margin:0;max-height:100vh}.statistics-section{grid-template-columns:repeat(2,1fr)}.stat-value{font-size:20px}.attempts-table{font-size:14px}.attempts-table td,.attempts-table th{padding:8px 12px}}.student-dashboard-container{padding:0 2.2rem 6.5rem}.dashboard-main-menu{margin:0 auto;max-width:1200px}.welcome-header{margin-bottom:2.5rem;text-align:center}.welcome-header h2{color:#333;font-size:2rem;margin-bottom:.5rem}.welcome-header .class-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff6b35,#ff8c42);-webkit-background-clip:text;background-clip:text;font-family:Spicy Rice,cursive;font-size:2.2rem;font-weight:400;margin-bottom:.5rem}.dashboard-cards{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:1rem}.dashboard-card{background:#fff;border-radius:16px;box-shadow:0 4px 6px #0000001a,0 10px 20px #00000014;color:inherit;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:2rem;position:relative;text-decoration:none;transition:all .3s ease}.dashboard-card:before{content:"";height:6px;left:0;position:absolute;right:0;top:0;transition:height .3s ease}.dashboard-card:hover{box-shadow:0 8px 12px #0000001f,0 16px 32px #0000001f;transform:translateY(-8px)}.dashboard-card:hover:before{height:100%;opacity:.05}.homework-card .card-button,.homework-card .card-icon-wrapper,.homework-card:before{background:linear-gradient(135deg,#ff6b35,#ff8c42)}.practice-card .card-button,.practice-card .card-icon-wrapper,.practice-card:before{background:linear-gradient(135deg,#2196f3,#42a5f5)}.card-icon-wrapper{align-items:center;border-radius:16px;color:#fff;display:flex;height:80px;justify-content:center;margin-bottom:1.5rem;width:80px}.dashboard-card h3{color:#333;font-size:1.5rem;margin-bottom:.8rem}.card-description{color:#666;font-size:1rem;line-height:1.5;margin-bottom:1.5rem}.homework-text,.practice-text{font-family:Spicy Rice,cursive;font-size:1.8rem;font-weight:400}.pulse-animation{animation:pulse 1.5s ease-in-out infinite}.card-stats{border-bottom:1px solid #f0f0f0;border-top:1px solid #f0f0f0;display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1.5rem;padding:1rem 0}.stat-item{display:flex;flex-direction:column;gap:.3rem}.stat-number{color:#333;font-size:1.8rem;font-weight:700}.stat-label{font-size:.9rem}.no-data{color:#999;font-size:.95rem;font-style:italic}.card-button{align-items:center;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;margin-top:auto;padding:1.5rem 2rem;transition:all .3s ease}.card-button:hover{box-shadow:0 4px 12px #00000026;transform:scale(1.02)}.card-button:active{transform:scale(.98)}.practice-options-section{margin:0 auto;max-width:900px}.practice-options-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:2rem}.practice-option{align-items:center;background:#fff;border-radius:16px;box-shadow:0 4px 6px #0000001a,0 10px 20px #00000014;color:inherit;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:2rem;position:relative;text-align:center;text-decoration:none;transition:all .3s ease}.practice-option:before{content:"";height:5px;left:0;position:absolute;right:0;top:0;transition:height .3s ease}.practice-option:hover{box-shadow:0 8px 12px #0000001f,0 16px 32px #00000026;transform:translateY(-8px)}.practice-option:hover:before{height:100%;opacity:.05}.practice-option.mental-math:before{background:linear-gradient(135deg,#ff6b35,#ff8c42)}.practice-option.masterminds:before{background:linear-gradient(135deg,#caa64a,#f6e27a 50%,#b8891f)}.practice-option-icon{filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));font-size:4rem;margin-bottom:1rem}.practice-option h3{color:#333;font-size:1.8rem;margin-bottom:.8rem}.practice-option p{color:#666;font-size:1rem;line-height:1.5;margin-bottom:1.5rem}.practice-option-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:.9rem 1.8rem;transition:all .3s ease;width:100%}.mental-math .practice-option-btn{background:linear-gradient(135deg,#ff6b35,#ff8c42);color:#fff}.masterminds .practice-option-btn{background:linear-gradient(135deg,#caa64a,#f6e27a 50%,#b8891f);color:#3b2a00}.practice-card .card-stats .stat-item:last-child .stat-label,.practice-option.masterminds h3{color:#d4af37;font-family:Georgia,Times New Roman,serif;font-weight:800;letter-spacing:.04em;text-shadow:0 1px 0 #ffffff59;text-transform:uppercase}.practice-option-btn:hover{box-shadow:0 4px 12px #0003;transform:scale(1.05)}.homework-section{margin:0 auto;max-width:900px}.section-header{align-items:center;display:flex;gap:1rem;margin-bottom:2rem}.back-button{background:#f5f5f5;border:none;border-radius:10px;color:#333;font-size:1rem;padding:.8rem 1.2rem;transition:all .3s ease}.back-button:hover{background:#e0e0e0}.section-header h2{color:#333;font-size:1.8rem;margin:0}.student-dashboard-body{background-color:#fff;border-radius:10px;box-shadow:0 4px 4px 0 #0000001a,0 6px 15px 0 #00000030;font-size:17px;padding:1rem}.class-info{border-bottom:2px solid #f0f0f0;color:#333;font-size:1.2rem;font-weight:600;margin-bottom:1rem;padding-bottom:.8rem}.teacher-item{align-items:center;animation:teacherCardPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#5d17eb,#7c3aed);border-radius:20px;box-shadow:0 6px 0 #4a11b8,0 8px 20px #5d17eb66;color:#fff;cursor:pointer;display:flex;font-size:19px;font-weight:600;justify-content:space-between;margin-top:.8rem;padding:1.5rem;position:relative;transition:all .3s ease}.teacher-item:hover{animation:none;box-shadow:0 10px 0 #4a11b8,0 14px 28px #5d17eb80;transform:translateY(-6px) scale(1.02)}.teacher-item:active{box-shadow:0 3px 0 #4a11b8,0 4px 10px #5d17eb4d;transform:translateY(2px)}@keyframes teacherCardPulse{0%,to{box-shadow:0 6px 0 #4a11b8,0 8px 20px #5d17eb66;transform:scale(1)}50%{box-shadow:0 8px 0 #4a11b8,0 12px 28px #5d17eb80;transform:scale(1.02)}}.teacher-info{display:flex;flex-direction:column;gap:.3rem}.teacher-name{font-size:1.1rem;font-weight:600;margin:0}.subject-name{font-size:.95rem;margin:0;opacity:.9}.assignment-popup{background-color:#05050580;bottom:0;left:0;position:fixed;right:0;top:0;transition:.5s}.assignment-popup-container{background-color:#fff;border-radius:10px;max-height:72vh;overflow-y:scroll;padding:1rem;position:absolute;top:120px;transition:.7s;width:60%}.popup-head{border-bottom:1px solid #b5b4b4}.assignment-item h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff6b35,#ff8c42);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin:0 0 .5rem}.assignment-poster img{animation:floatPoster 3s ease-in-out infinite;filter:drop-shadow(0 8px 16px rgba(0,0,0,.15));width:250px}@keyframes floatPoster{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-10px) rotate(2deg)}}.assignment-popup-body{background-color:#fff;border:3px solid #f0f0f0;border-radius:20px;box-shadow:0 4px 4px 0 #0000001a,0 6px 15px 0 #0000001a;margin:1rem 0;overflow:hidden;padding:1.5rem;position:relative}.assignment-popup-body:before{animation:rainbowShine 3s linear infinite;background:linear-gradient(90deg,#ff6b35,#ffb347,#ff6b35);background-size:200% 100%;content:"";height:6px;left:0;position:absolute;right:0;top:0}@keyframes rainbowShine{0%{background-position:0 50%}to{background-position:200% 50%}}.assignment-popup-body.completed-assignment{background-color:#f1f8f4;border:3px solid #4caf50;opacity:.85}.assignment-popup-body.completed-assignment:before{animation:rainbowShine 3s linear infinite;background:linear-gradient(90deg,#4caf50,#66bb6a,#4caf50);background-size:200% 100%}.assignment-popup-body.completed-assignment .assignment-item h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4caf50,#66bb6a);-webkit-background-clip:text;background-clip:text}.assignment-popup-body.completed-assignment .assignment-body i{color:#4caf50}.assignment-popup-body.completed-assignment .assignment-text pre{background:linear-gradient(135deg,#f1f8f4,#fff);border-left:4px solid #4caf50}.assignment-popup-body.inprogress-assignment{background-color:#fffbf0;border:3px solid #f59e0b}.assignment-popup-body.inprogress-assignment:before{animation:rainbowShine 2s linear infinite;background:linear-gradient(90deg,#f59e0b,#fbbf24,#f59e0b);background-size:200% 100%}.assignment-popup-body.inprogress-assignment .assignment-item h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#d97706,#f59e0b);-webkit-background-clip:text;background-clip:text}.inprogress-badge{animation:pulseBadge 1.5s ease-in-out infinite;background:linear-gradient(135deg,#f59e0b,#fbbf24);border-radius:20px;color:#fff;flex-shrink:0;font-size:11px;font-weight:800;letter-spacing:.5px;padding:3px 10px}.assignment-action-btn{border:none;border-radius:50px;cursor:pointer;font-family:Inter,sans-serif;font-size:18px;font-weight:800;letter-spacing:.5px;padding:1rem 2rem;text-transform:uppercase;transition:all .3s ease}.start-btn{background:linear-gradient(135deg,#ff6b35,#ff8c42);box-shadow:0 8px 0 #d44d1f,0 12px 24px #ff6b3566;color:#fff}.start-btn:hover{box-shadow:0 11px 0 #d44d1f,0 15px 30px #ff6b3580;transform:translateY(-3px)}.start-btn:active{box-shadow:0 4px 0 #d44d1f;transform:translateY(2px)}.resume-btn{background:linear-gradient(135deg,#f59e0b,#fbbf24);box-shadow:0 8px 0 #b45309,0 12px 24px #f59e0b66;color:#fff}.resume-btn:hover{box-shadow:0 11px 0 #b45309,0 15px 30px #f59e0b80;transform:translateY(-3px)}.resume-btn:active{box-shadow:0 4px 0 #b45309;transform:translateY(2px)}.completed-btn{background:linear-gradient(135deg,#22c55e,#4ade80);box-shadow:0 8px 0 #15803d,0 12px 24px #22c55e66;color:#fff;cursor:pointer}.completed-btn:hover{box-shadow:0 11px 0 #15803d,0 15px 30px #22c55e80;transform:translateY(-3px)}.assignment-countdown{align-items:center;animation:countdownPulse .8s ease-in-out infinite;background:linear-gradient(135deg,#ff6b35,#ff8c42);border-radius:50%;box-shadow:0 0 0 6px #ff6b3533,0 0 0 12px #ff6b351a;display:flex;height:80px;justify-content:center;width:80px}.countdown-number{animation:countdownScale .8s ease-in-out infinite;color:#fff;font-family:Inter,sans-serif;font-size:2.5rem;font-weight:900}@keyframes countdownPulse{0%,to{box-shadow:0 0 0 6px #ff6b3533,0 0 0 12px #ff6b351a;transform:scale(1)}50%{box-shadow:0 0 0 10px #ff6b3526,0 0 0 20px #ff6b350d;transform:scale(1.1)}}@keyframes countdownScale{0%{opacity:.5;transform:scale(.7)}50%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.assignment-body-container{margin-top:1rem}.assignment-body i{animation:iconWiggle 2s ease-in-out infinite;color:#ff6b35;font-size:24px;margin-right:.7rem}@keyframes iconWiggle{0%,to{transform:rotate(0deg)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.assignment-body p{color:#333;font-size:21px;font-weight:600}.assignment-body-container .assignment-body:last-child{margin-left:1rem}.assignment-text pre{word-wrap:break-word;background:linear-gradient(135deg,#fff9f0,#fff);border-left:4px solid #ff8c42;border-radius:12px;color:#444;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:17px;line-height:24px;margin-top:1rem;padding:1rem;white-space:pre-wrap}.text-footer p{font-size:16px;line-height:1.2rem}.assignment-footer button{animation:cartoonBounce 1.5s ease-in-out infinite;background:linear-gradient(135deg,#ff6b35,#ff8c42);border:4px solid #fff;border-radius:50px;box-shadow:0 8px 0 #d45a28,0 12px 24px #ff6b3566;color:#fff;cursor:pointer;font-size:20px;font-weight:700;letter-spacing:1px;padding:1.2rem 2.5rem;position:relative;text-transform:uppercase;transition:all .2s ease}.assignment-footer button:hover{box-shadow:0 12px 0 #d45a28,0 16px 32px #ff6b3580;transform:translateY(-4px) scale(1.05)}.assignment-footer button:active{box-shadow:0 4px 0 #d45a28,0 6px 12px #ff6b354d;transform:translateY(4px)}@keyframes cartoonBounce{0%,to{transform:translateY(0) scale(1)}25%{transform:translateY(-10px) scale(1.03)}50%{transform:translateY(0) scale(1)}75%{transform:translateY(-5px) scale(1.02)}}@media only screen and (max-width:992px){.assignment-popup-container{width:70%}.dashboard-cards,.practice-options-grid{gap:1.5rem;grid-template-columns:1fr}}@media only screen and (max-width:768px){.student-dashboard-container{padding:0 1.2rem 6.5rem}.assignment-popup-container{width:80%}.assignment-poster img{width:200px}.welcome-header h2{font-size:1.6rem}.dashboard-card{padding:1.5rem}.card-icon-wrapper{height:64px;width:64px}}@media only screen and (max-width:600px){.student-dashboard-container{padding:0 1rem 6.5rem}.student-dashboard-body,.teacher-item{padding:1rem .7rem}.assignment-popup-container{width:95%}.assignment-poster img{display:none}.welcome-header h2{font-size:1.4rem}.dashboard-card h3{font-size:1.3rem}.section-header{align-items:flex-start;flex-direction:column;gap:1rem}.back-button{justify-content:center;width:100%}.practice-option{padding:1.5rem}.practice-option h3{font-size:1.5rem}}@media only screen and (max-width:462px){.assignment-footer button{margin-left:-.15rem;margin-top:1rem}.assignment-text pre{font-size:13px;font-weight:500;line-height:18px}.card-stats{gap:1rem}.stat-number{font-size:1.5rem}}.floating-help-btn{animation:pulse-soft 2s infinite;background:red;border:none;border-radius:30px;bottom:30px;box-shadow:0 4px 20px #f006;font-size:12px;padding:10px 20px;z-index:999999999}.floating-help-btn:hover{box-shadow:0 8px 30px #f009;transform:translateY(-4px) scale(1.05)}.floating-help-btn:active{transform:translateY(-2px) scale(1)}@keyframes pulse-soft{0%,to{box-shadow:0 4px 20px #ff6b6b66}50%{box-shadow:0 4px 30px #ff6b6b99}}@media only screen and (max-width:768px){.floating-help-btn{bottom:20px;height:56px;right:20px;width:56px}}@media only screen and (max-width:480px){.floating-help-btn{height:50px;width:50px}}.draft-assignments-section{background:linear-gradient(135deg,#fff8f0,#fff5eb);border-left:5px solid #ff9800;border-radius:12px;box-shadow:0 2px 8px #ff98001a;margin-bottom:2rem;padding:1.5rem}.draft-section-title{align-items:center;color:#333;display:flex;font-size:1.3rem;font-weight:600;gap:.5rem;margin-bottom:1.5rem}.draft-assignments-list{display:flex;flex-direction:column;gap:1rem}.draft-assignment-card{align-items:center;background:#fff;border-left:4px solid #ff9800;border-radius:10px;box-shadow:0 2px 6px #00000014;display:flex;justify-content:space-between;padding:1rem;transition:all .3s ease}.draft-assignment-card:hover{box-shadow:0 4px 12px #ff980026;transform:translateY(-2px)}.draft-info{flex:1 1;padding-right:1rem}.draft-assignment-id{color:#333;font-size:1rem;font-weight:600;margin:0 0 .5rem}.draft-current-q,.draft-progress,.draft-time,.draft-timestamp{align-items:center;color:#666;display:flex;font-size:.9rem;gap:.5rem;margin:.3rem 0}.draft-timestamp{color:#999;font-size:.85rem;font-style:italic}.draft-actions{display:flex;flex-shrink:0;gap:.5rem}.btn-discard,.btn-resume{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.6rem 1rem;transition:all .3s ease;white-space:nowrap}.btn-resume{background-color:#4caf50;color:#fff}.btn-resume:hover{background-color:#45a049;box-shadow:0 4px 12px #4caf504d;transform:translateY(-2px)}.btn-discard{background-color:#f44336;color:#fff}.btn-discard:hover{background-color:#da190b;box-shadow:0 4px 12px #f443364d;transform:translateY(-2px)}@media only screen and (max-width:600px){.draft-assignment-card{align-items:flex-start;flex-direction:column}.draft-info{padding-bottom:1rem;padding-right:0;width:100%}.draft-actions{justify-content:flex-start;width:100%}.btn-discard,.btn-resume{flex:1 1;justify-content:center}.draft-section-title{font-size:1.1rem}}.topsoroban-theme-global .student-dashboard-container{background-color:#fff;min-height:100vh}.topsoroban-theme-global .dashboard-card.practice-card.topsoroban-practice{background:linear-gradient(135deg,#2563eb,#60a5fa);color:#fff}.topsoroban-theme-global .dashboard-card.practice-card.topsoroban-practice .stat-label,.topsoroban-theme-global .dashboard-card.practice-card.topsoroban-practice h3{color:#fff!important;font-family:inherit!important;text-shadow:none!important;text-transform:none!important}.topsoroban-theme-global .dashboard-card.practice-card.topsoroban-practice .card-icon-wrapper{background:#fff3}.topsoroban-theme-global .dashboard-card.practice-card.topsoroban-practice .card-button{background:#fff;color:#2563eb}.topsoroban-theme-global .practice-option.topsoroban-red{background:#fff;border:3px solid #e11d48}.topsoroban-theme-global .practice-option.topsoroban-red:before{background:#e11d48}.topsoroban-theme-global .practice-option.topsoroban-red h3{color:#e11d48}.topsoroban-theme-global .practice-option.topsoroban-red .practice-option-btn{background:#e11d48;color:#fff}.topsoroban-theme-global .practice-option.topsoroban-blue{background:#fff;border:3px solid #2563eb}.topsoroban-theme-global .practice-option.topsoroban-blue:before{background:#2563eb}.topsoroban-theme-global .practice-option.topsoroban-blue h3{color:#2563eb;font-family:inherit!important;text-shadow:none!important;text-transform:none!important}.topsoroban-theme-global .practice-option.topsoroban-blue .practice-option-btn{background:#2563eb;color:#fff}.topsoroban-theme-global .section-header h2{color:#1e293b;font-weight:800}.masterminds-logo-dashboard{display:block;filter:drop-shadow(0 4px 10px rgba(0,0,0,.15));height:auto;transition:transform .3s ease;width:220px}.masterminds-logo-dashboard:hover{transform:scale(1.03)}@media only screen and (max-width:600px){.masterminds-logo-dashboard{margin-top:.5rem;width:160px}}.fullpage-countdown-overlay{align-items:center;animation:overlayFadeIn .25s ease-out;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a0a1eeb;display:flex;inset:0;justify-content:center;position:fixed;z-index:999999}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.fullpage-countdown-content{align-items:center;display:flex;flex-direction:column;gap:2rem}.fullpage-countdown-ring{align-items:center;animation:ringPulse .9s ease-in-out infinite;background:linear-gradient(135deg,#ff6b35,#ff8c42);border-radius:50%;box-shadow:0 0 0 15px #ff6b3533,0 0 0 30px #ff6b351a,0 0 80px #ff6b3566;display:flex;height:200px;justify-content:center;width:200px}@keyframes ringPulse{0%,to{box-shadow:0 0 0 15px #ff6b3533,0 0 0 30px #ff6b351a,0 0 80px #ff6b3566;transform:scale(1)}50%{box-shadow:0 0 0 22px #ff6b352e,0 0 0 44px #ff6b3514,0 0 100px #ff6b3580;transform:scale(1.08)}}.fullpage-countdown-number{animation:numberPop .9s ease-out;color:#fff;font-family:Inter,sans-serif;font-size:7rem;font-weight:900;line-height:1}@keyframes numberPop{0%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.fullpage-countdown-text{animation:textSlideUp .4s ease-out;color:#ffffffd9;font-family:Inter,sans-serif;font-size:2rem;font-weight:700;letter-spacing:1px}@keyframes textSlideUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.inline-result-badge{align-items:center;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2.5px solid #22c55e;border-radius:20px;box-shadow:0 4px 15px #22c55e33;display:flex;gap:12px;min-width:150px;padding:14px 22px}.inline-result-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.15));font-size:2.2rem;line-height:1}.inline-result-info{display:flex;flex-direction:column;gap:2px}.inline-result-label{color:#15803d;font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase}.inline-result-score{color:#16a34a;font-family:Inter,sans-serif;font-size:2rem;font-weight:900;line-height:1}.inline-result-total{color:#4ade80;font-size:1.2rem;font-weight:600}.inline-result-loading{animation:shimmer 1.2s ease-in-out infinite;color:#86efac;font-size:1rem;font-style:italic}@keyframes shimmer{0%,to{opacity:.5}50%{opacity:1}}.completed-assignment-card{background:linear-gradient(135deg,#f0fdf4,#fff)!important;border:3px dashed #10b981!important;border-radius:20px;box-shadow:0 4px 6px #10b98114,0 1px 3px #0000000d!important;margin:1rem 0;overflow:hidden;padding:1.5rem 2rem!important;position:relative;transition:all .3s cubic-bezier(.25,.8,.25,1)!important}.completed-assignment-card:before{animation:rainbowShine 3s linear infinite;background:linear-gradient(90deg,#10b981,#34d399,#10b981)!important;background-size:200% 100%}.completed-assignment-card:hover{border:3px solid #10b981!important;box-shadow:0 10px 20px #10b98126,0 6px 6px #10b9811a!important;transform:translateY(-4px)}.completed-card-content{width:100%}.completed-assignment-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#059669,#10b981);-webkit-background-clip:text;background-clip:text;font-size:1.8rem!important;font-weight:700;margin:0 0 .3rem!important}.completed-status-badge{background:#10b981;border-radius:20px;box-shadow:0 2px 6px #10b9814d;color:#fff;display:inline-block;font-size:10px;font-weight:800;letter-spacing:.8px;padding:3px 10px}.completed-score-section{flex-shrink:0}.completed-score-badge{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:16px;box-shadow:0 4px 12px #10b98140;color:#fff;display:flex;flex-direction:column;justify-content:center;min-width:90px;padding:8px 18px}.completed-score-badge .score-label{font-size:9px;font-weight:700;letter-spacing:1px;opacity:.9;text-transform:uppercase}.completed-score-badge .score-value{font-family:Inter,sans-serif;font-size:1.8rem;font-weight:900;line-height:1.1}.completed-score-badge .score-total{font-size:1.1rem;font-weight:600;opacity:.8}.completed-score-loading{animation:shimmer 1.5s ease-in-out infinite;color:#059669;font-size:.95rem;font-style:italic;font-weight:600}.assignments-grid-modern{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:1.5rem;padding-bottom:2rem}.assignment-card-modern{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffd9;border:1px solid #ffffff80;border-radius:16px;box-shadow:0 8px 32px 0 #1f26870f;display:flex;flex-direction:column;justify-content:space-between;min-height:250px;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s cubic-bezier(.25,.8,.25,1)}.assignment-card-modern:before{content:"";height:5px;left:0;position:absolute;right:0;top:0;transition:all .3s ease}.assignment-card-modern.unsolved:before{background:linear-gradient(90deg,#ff6b35,#ff8c42)}.assignment-card-modern.in-progress:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.assignment-card-modern.completed:before{background:linear-gradient(90deg,#10b981,#34d399)}.assignment-card-modern:hover{background:#fffffff2;box-shadow:0 12px 30px #1f26871f;transform:translateY(-5px)}.card-top-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.8rem}.subject-tag{background:#5d17eb14;border-radius:12px;color:#5d17eb;font-size:.75rem;font-weight:750;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.teacher-tag{color:#666;font-size:.8rem;font-weight:600}.card-assignment-title{color:#222;font-size:1.25rem;font-weight:700;line-height:1.35;margin:0 0 1rem}.card-stats-row{background:#00000005;border:1px solid #00000008;border-radius:10px;justify-content:space-between;margin-bottom:1rem;padding:8px 12px}.card-stat,.card-stats-row{align-items:center;display:flex}.card-stat{gap:4px}.card-stat-icon{font-size:1rem}.card-stat-value{color:#555;font-size:.8rem;font-weight:600}.card-dates{color:#777;font-size:.8rem;line-height:1.4;margin-bottom:1.2rem}.card-dates p{margin:2px 0}.card-footer-action{margin-top:auto;width:100%}.assignment-btn{border:none;border-radius:10px;cursor:pointer;font-size:.95rem;font-weight:700;letter-spacing:.5px;padding:10px;text-transform:uppercase;transition:all .2s ease;width:100%}.assignment-btn.start{background:linear-gradient(135deg,#ff6b35,#ff8c42);box-shadow:0 3px 0 #d45121,0 6px 12px #ff6b3533;color:#fff}.assignment-btn.start:hover{box-shadow:0 5px 0 #d45121,0 8px 16px #ff6b354d;transform:translateY(-2px)}.assignment-btn.start:active{box-shadow:0 1px 0 #d45121,0 2px 4px #ff6b3533;transform:translateY(1px)}.assignment-btn.resume{background:linear-gradient(135deg,#f59e0b,#fbbf24);box-shadow:0 3px 0 #c27d04,0 6px 12px #f59e0b33;color:#fff}.assignment-btn.resume:hover{box-shadow:0 5px 0 #c27d04,0 8px 16px #f59e0b4d;transform:translateY(-2px)}.assignment-btn.resume:active{box-shadow:0 1px 0 #c27d04,0 2px 4px #f59e0b33;transform:translateY(1px)}.completed-action-row{align-items:center;background:#10b9810d;border:1px solid #10b98126;border-radius:10px;display:flex;justify-content:space-between;padding:8px 12px;width:100%}.completed-badge{color:#10b981;font-size:.8rem;font-weight:800;letter-spacing:.5px}.compact-score-display{align-items:baseline;display:flex;gap:1px}.compact-score-display .score-val{color:#10b981;font-size:1.15rem;font-weight:800}.compact-score-display .score-tot{color:#059669;font-size:.8rem;font-weight:600}.dashboard-stats-row{grid-gap:1.2rem;display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.dashboard-stat-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #fff6;border-radius:16px;box-shadow:0 8px 24px #1f26870d;padding:1.2rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.dashboard-stat-card:hover{box-shadow:0 12px 30px #1f26871a;transform:translateY(-3px)}.dashboard-stat-card .stat-num{display:block;font-size:2rem;font-weight:800;line-height:1.1;margin-bottom:4px}.dashboard-stat-card.unsolved .stat-num{color:#ff6b35}.dashboard-stat-card.completed .stat-num{color:#10b981}.dashboard-stat-card.total .stat-num{color:#5d17eb}.dashboard-stat-card .stat-lbl{color:#666;font-size:.85rem;font-weight:600}.welcome-header{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff80;border:1px solid #ffffff4d;border-radius:16px;margin-bottom:2rem;padding:1.5rem;text-align:left}.welcome-title{color:#333;font-size:1.8rem!important;font-weight:800;margin:0 0 .5rem!important}.class-subtitle{color:#555;font-size:1rem;font-weight:600;margin:0}.class-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#5d17eb,#7c3aed);-webkit-background-clip:text;background-clip:text;font-weight:800}.assignment-list-header{margin-bottom:1rem;margin-top:1.5rem}.assignment-list-header h3{color:#333;font-size:1.5rem;font-weight:750;margin:0 0 4px}.list-tagline{color:#666;font-size:.9rem;margin:0}.no-assignments-box{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff9;border:1px solid #fff6;border-radius:16px;box-shadow:0 8px 24px #1f26870a;margin-top:1rem;padding:3rem 2rem;text-align:center}.no-assignments-box .box-icon{display:block;font-size:3rem;margin-bottom:1rem}.no-assignments-box h4{color:#333;font-size:1.3rem;font-weight:700;margin:0 0 .5rem}.no-assignments-box p{color:#666;font-size:.95rem;margin:0}.student-join-battle-panel{align-items:center;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);border:1px solid #ffffff14;border-radius:20px;box-shadow:0 12px 48px #501eb44d;color:#fff;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin-bottom:2rem;padding:1.5rem 2rem}.battle-panel-left{align-items:center;display:flex;flex:1 1;gap:16px;min-width:220px}.battle-panel-icon-ring{align-items:center;animation:battle-icon-pulse 2.5s ease-in-out infinite;background:linear-gradient(135deg,#7c3aed,#db2777);border-radius:50%;box-shadow:0 4px 18px #7c3aed80;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}@keyframes battle-icon-pulse{0%,to{box-shadow:0 4px 18px #7c3aed80;transform:scale(1)}50%{box-shadow:0 6px 28px #7c3aedbf;transform:scale(1.06)}}.battle-sword-icon{color:#fff}.battle-panel-title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#a78bfa,#f472b6);-webkit-background-clip:text;font-size:1.15rem;font-weight:800;margin:0 0 4px}.battle-panel-sub{color:#ffffff8c;font-size:13px;line-height:1.4;margin:0}.battle-panel-right{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:10px;justify-content:flex-end;min-width:260px}.battle-id-input{background:#ffffff1a;border:1px solid #a78bfa59;border-radius:12px;color:#fff;flex:1 1;font-size:13px;min-width:180px;outline:none;padding:11px 14px;transition:border-color .2s,background .2s}.battle-id-input::placeholder{color:#ffffff59}.battle-id-input:focus{background:#ffffff26;border-color:#a78bfa}.join-comp-error{color:#f87171;font-size:12px;margin:0;text-align:right;width:100%}.battle-join-btn{align-items:center;background:linear-gradient(135deg,#7c3aed,#db2777);border:none;border-radius:12px;box-shadow:0 4px 16px #7c3aed80;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:8px;padding:11px 22px;transition:all .25s ease;white-space:nowrap}.battle-join-btn:hover:not(:disabled){background:linear-gradient(135deg,#6d28d9,#be185d);box-shadow:0 8px 24px #7c3aeda6;transform:translateY(-2px)}.battle-join-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:700px){.student-join-battle-panel{align-items:stretch;flex-direction:column;gap:1rem;padding:1.25rem}.battle-panel-right{flex-direction:column;justify-content:stretch}.battle-id-input{min-width:0;min-width:auto;width:100%}.battle-join-btn{justify-content:center;width:100%}}.student-dashboard-actions-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:2.5rem}.premium-action-card{border:1px solid #ffffff14;border-radius:20px;box-shadow:0 12px 32px #00000026;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;justify-content:space-between;min-height:220px;overflow:hidden;padding:2rem;position:relative;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.premium-action-card:hover{box-shadow:0 20px 48px #7c3aed4d;transform:translateY(-6px)}.premium-action-card:after{background:radial-gradient(circle,#ffffff14 0,#0000 70%);border-radius:50%;content:"";height:200px;pointer-events:none;position:absolute;right:-50%;top:-50%;width:200px}.game-room-card{background:linear-gradient(135deg,#1e1b4b,#312e81 50%,#4338ca);border-color:#6366f14d}.game-room-card:hover{box-shadow:0 20px 48px #6366f159}.battle-arena-card{background:linear-gradient(135deg,#0f0c29,#302b63 50%,#24243e);border-color:#8b5cf64d}.battle-arena-card:hover{box-shadow:0 20px 48px #8b5cf659}.card-header-row{align-items:center;display:flex;gap:14px;margin-bottom:12px}.card-icon-ring{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.game-room-card .card-icon-ring{background:linear-gradient(135deg,#3b82f6,#06b6d4);box-shadow:0 4px 14px #3b82f666}.battle-arena-card .card-icon-ring{animation:battle-icon-pulse 2.5s ease-in-out infinite;background:linear-gradient(135deg,#7c3aed,#db2777);box-shadow:0 4px 14px #7c3aed66}.card-badge{border-radius:20px;font-size:10px;letter-spacing:.05em;padding:3px 8px;right:20px;text-transform:uppercase;top:15px}.game-room-card .card-badge{background:#3b82f633;border:1px solid #3b82f64d;color:#93c5fd}.battle-arena-card .card-badge{background:#db277733;border:1px solid #db27774d;color:#fbcfe8}.card-title-text h3{color:#fff!important;font-size:1.15rem;font-weight:800;margin:0}.game-room-card .card-title-text h3{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#93c5fd,#67e8f9);-webkit-background-clip:text}.battle-arena-card .card-title-text h3{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#c084fc,#f472b6);-webkit-background-clip:text}.card-desc-text{color:#ffffffa6;font-size:13px;line-height:1.5;margin:0 0 16px}.card-action-box{margin-top:auto}.premium-action-btn{align-items:center;border:none;border-radius:12px;box-shadow:0 4px 12px #0000001a;cursor:pointer;display:flex;font-size:13.5px;font-weight:800;gap:8px;justify-content:center;padding:11px 20px;text-transform:uppercase;transition:all .25s ease;width:100%}.game-room-card .premium-action-btn{background:linear-gradient(135deg,#2563eb,#0891b2);box-shadow:0 4px 14px #2563eb66;color:#fff}.game-room-card .premium-action-btn:hover{box-shadow:0 6px 18px #2563eb8c;filter:brightness(1.1);transform:translateY(-2px)}.battle-arena-card .premium-action-btn{background:linear-gradient(135deg,#7c3aed,#db2777);box-shadow:0 4px 14px #7c3aed66;color:#fff}.battle-arena-card .premium-action-btn:hover:not(:disabled){box-shadow:0 6px 18px #7c3aed8c;filter:brightness(1.1);transform:translateY(-2px)}.battle-inputs-wrapper{display:flex;flex-direction:column;gap:10px}.battle-input-row{display:flex;gap:8px}.battle-id-input-field{background:#ffffff14;border:1px solid #a78bfa4d;border-radius:12px;color:#fff;flex:1 1;font-size:13px;outline:none;padding:11px 14px;transition:border-color .2s,background .2s}.battle-id-input-field::placeholder{color:#ffffff59}.battle-id-input-field:focus{background:#ffffff1f;border-color:#c084fc}.battle-error-message{color:#f87171;font-size:11px;font-weight:600;margin:0}@media (max-width:768px){.student-dashboard-actions-grid{gap:1rem;grid-template-columns:1fr;margin-bottom:1.5rem}.premium-action-card{min-height:190px;padding:1.5rem}}.trial-banner{background:linear-gradient(135deg,#f093fb,#f5576c);box-shadow:0 2px 8px #00000026;padding:.875rem 1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.trial-banner-content{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin:0 auto;max-width:1200px}.trial-banner-text{color:#fff;flex:1 1;font-size:15px;font-weight:600;margin:0}.trial-banner-btn{background:#fff;border:none;border-radius:8px;color:#f5576c;cursor:pointer;font-size:14px;font-weight:700;padding:.625rem 1.5rem;transition:all .2s ease;white-space:nowrap}.trial-banner-btn:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.trial-banner-btn:active{transform:translateY(0)}@media only screen and (max-width:600px){.trial-banner{padding:.75rem 1rem}.trial-banner-content{flex-direction:column;gap:.75rem;text-align:center}.trial-banner-text{font-size:13px}.trial-banner-btn{font-size:13px;padding:.5rem 1.25rem}}.upgrade-prompt{animation:slideIn .4s ease;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 10px 40px #667eea4d;margin:1.5rem 0;padding:2rem}.upgrade-prompt-icon{margin-bottom:1rem;text-align:center}.upgrade-prompt-icon span{animation:bounce 2s infinite;display:inline-block;font-size:48px}.upgrade-prompt-content{color:#fff;text-align:center}.upgrade-prompt-title{color:#fff;font-size:26px;font-weight:800;margin:0 0 .75rem}.upgrade-prompt-message{color:#fffffff2;font-size:16px;line-height:1.5;margin:0 0 1.5rem}.upgrade-prompt-features{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem;padding:1.25rem}.upgrade-feature-item{align-items:center;color:#fff;display:flex;font-size:15px;gap:.75rem;text-align:left}.upgrade-check{align-items:center;background:#fffffff2;border-radius:50%;color:#667eea;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:24px;justify-content:center;width:24px}.upgrade-prompt-btn{background:#fff;border:none;border-radius:12px;box-shadow:0 4px 15px #0003;color:#667eea;cursor:pointer;font-size:18px;font-weight:700;max-width:300px;padding:1rem 2.5rem;transition:all .3s ease;width:100%}.upgrade-prompt-btn:hover{background:#f8f9fa;box-shadow:0 6px 25px #0000004d;transform:translateY(-3px)}.upgrade-prompt-btn:active{transform:translateY(-1px)}.upgrade-prompt-note{color:#ffffffd9;font-size:13px;margin:1rem 0 0}@media only screen and (max-width:768px){.upgrade-prompt{padding:1.5rem}.upgrade-prompt-title{font-size:22px}.upgrade-prompt-message{font-size:15px}.upgrade-prompt-btn{font-size:16px;padding:.875rem 2rem}}@media only screen and (max-width:600px){.upgrade-prompt{padding:1.25rem}.upgrade-prompt-icon span{font-size:40px}.upgrade-prompt-title{font-size:20px}.upgrade-feature-item{font-size:14px}}.teacher-dashboard-container{padding:0 2.2rem 6.5rem}.assignment-teacher-item{background-color:#fff;border-radius:10px;box-shadow:0 4px 4px 0 #0000001a,0 6px 15px 0 #00000030;margin-top:.5rem;padding:1rem .8rem}.assignment-teacher-item p{font-size:17px}.assignment-icon i{background-color:#fff;border-radius:10px;box-shadow:0 4px 4px 0 #0000001a,0 6px 15px 0 #0000001a;font-size:20px;margin-right:.4rem;padding:.5rem}.assignment-icon i:first-child{color:blue}.assignment-icon i:nth-child(2){color:#5d17eb}.assignment-icon:last-child{color:red}@media only screen and (max-width:768px){.teacher-dashboard-container{padding:0 1.2rem 6.5rem}}@media only screen and (max-width:600px){.teacher-dashboard-container{padding:0 1rem 6.5rem}}.reports-hub-btn{align-items:center;background-color:#e8f5e9;border:1.5px solid #c2f0c2;border-radius:20px;box-shadow:0 2px 4px #28a74514;color:#28a745;display:inline-flex;font-size:13.5px!important;font-weight:600;justify-content:center;margin:0 8px;padding:6px 14px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.reports-hub-btn:hover{background:linear-gradient(135deg,#28a745,#1e7e34);border-color:#28a745;box-shadow:0 6px 15px #28a74540;color:#fff!important;text-decoration:none;transform:translateY(-2px)}.reports-hub-btn i{background-color:initial!important;box-shadow:none!important;color:inherit!important;font-size:14px!important;margin:0!important;padding:0!important}.assignment-info{flex:1 1}.assignment-title{font-size:16px;margin-bottom:5px}.assignment-details{flex-wrap:wrap;gap:15px}.assignment-details span{background:#f8f9fa;border-radius:10px;color:#666;font-size:12px;padding:2px 8px}.assignment-icon i{border-radius:4px;cursor:pointer;margin:0 5px;padding:8px;transition:all .3s ease}.assignment-icon i:hover{background-color:#007bff;color:#fff;transform:translateY(-2px)}.assignment-icon .fa-trash:hover{background-color:#dc3545}.assignment-icon .fa-eye:hover{background-color:#28a745}.assignment-icon .fa-pencil:hover{background-color:#ffc107;color:#000}.floating-help-btn{align-items:center;animation:pulse-help 2.5s ease-in-out infinite;background:linear-gradient(135deg,#f44,#c00);border:3px solid #fff;border-radius:50%;bottom:100px;box-shadow:0 6px 24px #ff000080,0 2px 8px #0003;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:70px;justify-content:center;position:fixed;right:30px;transition:all .3s ease;width:70px;z-index:999999}.floating-help-btn:hover{background:linear-gradient(135deg,#f55,#d00);box-shadow:0 10px 35px #ff0000b3,0 4px 12px #0000004d;transform:translateY(-6px) scale(1.1)}.floating-help-btn:active{transform:translateY(-3px) scale(1.05)}@keyframes pulse-help{0%,to{box-shadow:0 6px 24px #ff000080,0 2px 8px #0003;transform:scale(1)}50%{box-shadow:0 8px 32px #ff0000b3,0 4px 12px #0000004d;transform:scale(1.08)}}@media only screen and (max-width:768px){.floating-help-btn{bottom:90px;height:64px;right:20px;width:64px}}@media only screen and (max-width:480px){.floating-help-btn{bottom:85px;height:60px;right:15px;width:60px}}.reassign-container{background-color:#fff;border-radius:10px;max-height:85vh;overflow-y:scroll;padding:1rem;position:absolute!important;top:120px!important;transition:.7s;width:50%}.reassign-container.class-top{top:-1200px!important}@media only screen and (max-width:992px){.reassign-container{width:70%}}@media only screen and (max-width:768px){.reassign-container{width:85%}}@media only screen and (max-width:600px){.reassign-container{padding:.8rem;width:95%}}.student-item-wrapper{align-items:center;display:flex;gap:10px;margin-bottom:.5rem}.student-item-link{color:inherit;flex:1 1}.student-item-link,.student-item-link:hover{text-decoration:none}.student-item{background-color:#fff;border-radius:10px;box-shadow:0 4px 4px 0 #00000003,0 6px 15px 0 #0000001a;padding:1rem;transition:all .3s ease}.student-item:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.student-item p{color:#333;font-size:17px;margin:0}.student-history-icon{align-items:center;background-color:#667eea;border-radius:10px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:.8rem;text-decoration:none;transition:all .3s ease}.student-history-icon:hover{background-color:#5568d3;box-shadow:0 4px 12px #667eea66;color:#fff;transform:translateY(-2px)}.student-history-icon:active{transform:translateY(0)}@media only screen and (max-width:600px){.student-item-wrapper{align-items:stretch;flex-direction:column}.student-history-icon{justify-content:center;width:100%}}.competition-dashboard-panel{background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);border:1px solid #ffffff14;border-radius:20px;box-shadow:0 12px 48px #501eb459;color:#fff;margin:2rem 0 1.5rem;padding:2rem}.comp-panel-header{flex-wrap:wrap;justify-content:space-between;margin-bottom:1.5rem}.comp-panel-header,.comp-panel-title{align-items:center;display:flex;gap:12px}.comp-panel-title h2{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#a78bfa,#f472b6);-webkit-background-clip:text;font-size:1.5rem;font-weight:800;margin:0}.comp-sword-icon{color:#a78bfa;filter:drop-shadow(0 0 8px rgba(167,139,250,.6))}.comp-create-btn{align-items:center;background:linear-gradient(135deg,#7c3aed,#db2777);border:none;border-radius:12px;box-shadow:0 4px 16px #7c3aed80;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:8px;padding:10px 20px;transition:all .25s ease}.comp-create-btn:hover{background:linear-gradient(135deg,#6d28d9,#be185d);box-shadow:0 8px 24px #7c3aeda6;transform:translateY(-2px)}.comp-create-form-card{animation:slideDownIn .3s ease;background:#ffffff0f;border:1px solid #a78bfa40;border-radius:16px;margin-bottom:1.5rem;padding:1.5rem}@keyframes slideDownIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.comp-create-form-card h3{color:#e0d4ff;font-size:1.1rem;font-weight:700;margin:0 0 .4rem}.comp-form-sub{color:#ffffff8c;font-size:13px;margin-bottom:1.2rem}.comp-form-row{margin-bottom:1rem}.comp-form-row label{color:#ffffffb3;display:block;font-size:13px;font-weight:600;margin-bottom:6px}.comp-input{background:#ffffff1a;border:1px solid #a78bfa59;border-radius:10px;box-sizing:border-box;color:#fff;font-size:14px;outline:none;padding:10px 14px;transition:border-color .2s;width:100%}.comp-input::placeholder{color:#ffffff59}.comp-input:focus{background:#ffffff24;border-color:#a78bfa}.comp-error-msg{color:#f87171;font-size:13px;margin:.4rem 0 .8rem}.comp-launch-btn{align-items:center;background:linear-gradient(135deg,#7c3aed,#2563eb);border:none;border-radius:12px;box-shadow:0 4px 18px #7c3aed80;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:700;gap:8px;justify-content:center;padding:13px;transition:all .25s ease;width:100%}.comp-launch-btn:hover:not(:disabled){box-shadow:0 8px 28px #7c3aeda6;transform:translateY(-2px)}.comp-launch-btn:disabled{cursor:not-allowed;opacity:.6}.comp-list-title{color:#ffffffbf;font-size:1rem;font-weight:700;letter-spacing:.05em;margin:0 0 1rem;text-transform:uppercase}.comp-empty-state{color:#ffffff73;padding:2rem;text-align:center}.comp-empty-icon{color:#a78bfa66;margin-bottom:.75rem}.comp-loading-msg{color:#ffffff73;font-size:14px;padding:1rem}.comp-items-grid{display:flex;flex-direction:column;gap:10px}.comp-item-card{align-items:center;background:#ffffff12;border:1px solid #ffffff1a;border-radius:14px;color:#fff;cursor:pointer;display:flex;justify-content:space-between;padding:14px 18px;text-decoration:none;transition:all .22s ease}.comp-item-card:hover{background:#a78bfa26;border-color:#a78bfa66;color:#fff;text-decoration:none;transform:translateX(4px)}.comp-item-card.status-active{border-left:4px solid #4ade80;padding-left:14px}.comp-item-card.status-lobby{border-left:4px solid #facc15;padding-left:14px}.comp-item-card.status-finished{border-left:4px solid #94a3b8;opacity:.75;padding-left:14px}.comp-item-info{align-items:center;display:flex;gap:14px}.comp-status-dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}.dot-active{animation:blink-dot 1.2s infinite;background:#4ade80;box-shadow:0 0 8px #4ade80}.dot-lobby{background:#facc15;box-shadow:0 0 8px #facc15}.dot-finished{background:#94a3b8}@keyframes blink-dot{0%,to{opacity:1}50%{opacity:.3}}.comp-item-title{color:#e0d4ff;font-size:14px;font-weight:700;margin:0 0 4px}.comp-item-meta{color:#ffffff73;font-size:12px;margin:0}.comp-arrow{color:#ffffff59;transition:transform .2s}.comp-item-card:hover .comp-arrow{color:#a78bfa;transform:translateX(4px)}@media (max-width:600px){.competition-dashboard-panel{border-radius:14px;padding:1.25rem}.comp-panel-title h2{font-size:1.15rem}.comp-create-btn{font-size:13px;padding:9px 14px}}.teacher-reg-page-container{font-family:Inter,system-ui,-apple-system,sans-serif;margin:2.5rem auto;max-width:1200px;padding:0 1.5rem}.teacher-reg-header{flex-wrap:wrap;gap:1.5rem;margin-bottom:2.5rem}.teacher-reg-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;background-clip:text;font-size:2.2rem;font-weight:850;margin:0 0 6px}.teacher-reg-subtitle{color:#556b82;font-size:1.05rem;margin:0}.btn-register-new{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:14px;box-shadow:0 4px 0 #047857,0 8px 16px #10b98140;color:#fff;cursor:pointer;font-size:.95rem;font-weight:800;gap:8px;padding:12px 24px;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.btn-register-new:hover{box-shadow:0 6px 0 #047857,0 12px 20px #10b98159;filter:brightness(1.05);transform:translateY(-2px)}.btn-register-new:active{box-shadow:0 1px 0 #047857,0 3px 6px #10b98133;transform:translateY(3px)}.empty-registrations-card{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#ffffff73;border:2px dashed #10b98140;border-radius:24px;margin-top:1.5rem;padding:4rem 2rem}.empty-icon{animation:bounce-icon 3s ease-in-out infinite;font-size:3.5rem;margin-bottom:1rem}@keyframes bounce-icon{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.empty-registrations-card h3{color:#1f2937;font-size:1.5rem;font-weight:800;margin:0 0 8px}.empty-registrations-card p{color:#6b7280;font-size:1rem;margin:0 auto;max-width:400px}.registrations-grid{display:flex;flex-direction:column;gap:1.5rem;margin-top:1rem}.registration-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffa6;border:1px solid #ffffff80;border-radius:20px;box-shadow:0 8px 32px 0 #1f26870a;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.registration-card:hover{box-shadow:0 12px 40px 0 #1f268714;transform:translateY(-2px)}.registration-card.ready-card{border-left:6px solid #10b981}.registration-card.pending-card{border-left:6px solid #f97316}.registration-main-info{display:flex;flex-direction:column;gap:8px;text-align:left}.teacher-name-tag{color:#1e293b;font-size:1.35rem;font-weight:800;margin:0}.registration-details-meta{align-items:center;color:#64748b;display:flex;font-size:.9rem;font-weight:600;gap:10px}.meta-divider{color:#cbd5e1}.status-badge{align-items:center;border-radius:30px;display:inline-flex;font-size:.8rem;font-weight:800;gap:8px;letter-spacing:.5px;padding:6px 14px;text-transform:uppercase}.status-pending{background:#f973161a;border:1px solid #f9731626;color:#ea580c}.status-ready{background:#10b9811a;border:1px solid #10b98126;color:#059669}.status-dot-indicator{border-radius:50%;height:9px;position:relative;width:9px}.dot-orange{animation:glow-orange 1.8s ease-in-out infinite;background-color:#f97316;box-shadow:0 0 10px #f97316}.dot-green{animation:glow-green 1.8s ease-in-out infinite;background-color:#10b981;box-shadow:0 0 10px #10b981}@keyframes glow-orange{0%,to{box-shadow:0 0 4px #f9731666;transform:scale(1)}50%{box-shadow:0 0 12px #f97316d9;transform:scale(1.15)}}@keyframes glow-green{0%,to{box-shadow:0 0 4px #10b98166;transform:scale(1)}50%{box-shadow:0 0 12px #10b981d9;transform:scale(1.15)}}.btn-delete-record,.btn-toggle-expand{align-items:center;background:#0000;border:none;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.btn-toggle-expand{color:#64748b}.btn-toggle-expand:hover{background:#0000000d;color:#1e293b}.btn-delete-record{color:#ef4444}.btn-delete-record:hover{background:#ef44441a;transform:scale(1.05)}.registration-card-body{border-top:1px solid #0000000a;margin-top:1.5rem;padding-top:1.25rem;text-align:left}.groups-container{display:flex;flex-direction:column;gap:1.25rem}.group-detail-box{background:#fffc;border:1px solid #00000008;border-radius:14px;padding:1.2rem}.group-detail-header{flex-wrap:wrap;gap:12px;margin-bottom:12px}.group-tag{background:#f1f5f9;color:#475569}.group-tag,.student-count-tag{border-radius:6px;font-size:.72rem;font-weight:800;padding:3px 8px;text-transform:uppercase}.student-count-tag{background:#3b82f61a;color:#2563eb;margin-left:auto}.group-detail-header h4{color:#334155;font-size:1.05rem;font-weight:800;margin:0}.group-students-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.student-detail-item{background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;color:#334155;font-size:.92rem;font-weight:500;gap:8px;padding:8px 12px}.student-bullet{background-color:#3b82f6;border-radius:50%;height:6px;width:6px}@media (max-width:600px){.teacher-reg-page-container{margin:1.5rem auto}.teacher-reg-title{font-size:1.8rem}.registration-card{padding:1.2rem}.student-count-tag{margin-left:0}.group-students-grid{grid-template-columns:1fr}}.teacher-credentials-viewer{background:#fef3c766;border:1px dashed #f59e0b;border-radius:12px;margin-bottom:1.5rem;padding:1rem 1.2rem;text-align:left}.credentials-view-label{color:#d97706;display:block;font-size:.9rem;font-weight:800;margin-bottom:6px}.credentials-view-content{color:#1e293b;font-family:Courier New,Courier,monospace;font-size:.95rem;font-weight:600;margin:0;white-space:pre-wrap;word-break:break-all}.credentials-view-pending{color:#92400e;font-size:.9rem;font-style:italic;margin:0}.time_item{background-color:initial!important;font-size:18px}.question-container{display:flex;gap:1rem;margin:0 auto;padding:.5rem 1rem;width:85%}.question-content-wrapper{align-items:flex-start;gap:1.5rem;width:100%}.question-number{overflow-x:auto;width:100%}.question-number p{border:1px solid #7ed7c1;border-radius:12px;margin-right:.5rem;margin-top:.5rem;padding:.8rem 1rem}.active-question{background-color:#65c6ee;color:#fff;font-weight:700}.question-number p.has-answer{background-color:#3b82f6;border-color:#3b82f6;color:#fff;font-weight:600}.question-form{background-color:#fff;border-radius:25px;box-shadow:0 6px 10px 0 #0000001a,0 8px 20px 0 #00000026;flex-shrink:0;margin-bottom:.5rem;margin-top:.5rem;max-height:none;min-height:auto;overflow:visible;padding:.8rem 1rem;position:relative;width:45%}.question-form-head{border-bottom:1px solid #7ed7c1;padding-bottom:.6rem}.question-form-head p{color:#3b728d;font-size:20px;font-weight:600}.end-head{align-items:center;display:flex;gap:8px}.end-head p{color:#559367;font-size:14px}.end-head span{background-color:#7ed7c1;height:20px;margin:0 .3rem;width:1px}.end-head i{cursor:pointer;font-size:18px}.fullscreen-button{align-items:center;border-radius:8px;box-shadow:0 4px 10px #4facfe59;cursor:pointer;display:flex;justify-content:center;margin-right:8px;padding:8px 12px;transition:all .3s ease}.fullscreen-button:hover{box-shadow:0 6px 15px #4facfe73;transform:scale(1.05)}@media only screen and (max-width:600px){.fullscreen-button{margin-right:4px;padding:6px 10px}}.flash-mode-button{align-items:center;border-radius:8px;box-shadow:0 4px 10px #fa709a59;cursor:pointer;display:flex;justify-content:center;margin-right:8px;padding:8px 12px;transition:all .3s ease}.flash-mode-button:hover{box-shadow:0 6px 15px #fa709a73;transform:scale(1.05)}.flash-mode-button.flash-active{box-shadow:0 4px 10px #43e97b73}.flash-mode-button i{color:#fff;font-size:16px}.flash-speed-control{align-items:center;display:flex;font-size:14px;gap:8px;margin-right:12px}.flash-speed-control label{color:#333;font-weight:500;white-space:nowrap}.flash-speed-control select{background:#fff;border:2px solid #ff9800;border-radius:6px;color:#333;cursor:pointer;font-weight:600;outline:none;padding:6px 10px;transition:all .3s ease}.flash-speed-control select:hover{border-color:#f57c00;box-shadow:0 2px 8px #ff980033}.flash-speed-control select:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a}.abacus-button{background:linear-gradient(135deg,#43e97b,#38f9d7);border-radius:8px;box-shadow:0 4px 10px #43e97b59;margin-right:8px;padding:8px 12px;transition:all .3s ease}.abacus-button:hover{box-shadow:0 6px 15px #43e97b73;transform:scale(1.05)}.abacus-button i{color:#fff;font-size:16px}.pocket-button{background:linear-gradient(135deg,#b088f9,#da9ff9)!important;box-shadow:0 8px 18px #b088f947}.pocket-button:hover{box-shadow:0 10px 20px #b088f966}.pocket-button i{color:#fff;font-size:16px}.pocket-all-button{background:linear-gradient(135deg,#f093fb,#f5576c)!important;box-shadow:0 8px 18px #f093fb47}.pocket-all-button:hover{box-shadow:0 10px 20px #f093fb66}.pocket-all-button i{color:#fff;font-size:16px}.question-form-body{padding-bottom:.3rem;padding-top:.3rem}.question-img{margin:.5rem 0}.question-img img{max-height:150px;object-fit:contain;width:75%}.floating-question pre,.question-form-body pre{word-wrap:break-word;color:#7935d1;font-family:Spicy Sale,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:28px;line-height:34px;margin-bottom:.5rem;margin-left:0;white-space:pre-wrap}.flash-mode-question{background:linear-gradient(135deg,#65c6ee1a,#7935d11a);border-radius:12px;margin:1rem 0;min-height:300px;padding:2rem}.flash-line,.flash-mode-question{align-items:center;display:flex;justify-content:center}.flash-line{animation:flashIn .3s ease-in;color:#7935d1;font-family:Spicy Sale,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:90px;font-weight:700;line-height:1.1;min-height:150px;text-align:center;white-space:pre}.flash-line.flash-fade-out{animation:flashOut 1.5s ease-out forwards}@keyframes flashIn{0%{opacity:0;transform:scale(.7)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes flashOut{0%{opacity:1;transform:scale(1)}70%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.flash-answer-text{animation:answerPulse 1s ease-in-out infinite;color:#f875aa;font-family:Spicy Sale,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:24px;font-weight:700;text-align:center}@keyframes answerPulse{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.start-flash-btn{background-color:#65c6ee;border:none;border-radius:12px;box-shadow:0 4px 15px #65c6ee4d;color:#fff;cursor:pointer;font-size:24px;font-weight:600;padding:1.2rem 2.5rem;transition:all .3s ease}.start-flash-btn:hover:not(:disabled){background-color:#4bb5dd;box-shadow:0 6px 20px #65c6ee66;transform:translateY(-2px)}.start-flash-btn:disabled{cursor:not-allowed;opacity:.7}.mcq-container{align-self:flex-start;flex-shrink:0;margin-top:.2rem!important;width:50%}.mcq-title{color:#3b728d;font-size:20px;font-weight:700;margin-bottom:1.2rem}.mcq-answer-layout{display:flex;flex-direction:column;gap:.8rem;width:100%}.mcq-choice{align-items:center;background:linear-gradient(135deg,#ff9a9e,#fad0c4)!important;border:3px solid #0000;border-radius:18px;color:#4c5287;cursor:pointer;display:flex;font-size:20px!important;font-weight:700;max-width:380px!important;overflow:hidden;padding:1.1rem 1.4rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.mcq-choice:hover{box-shadow:0 10px 25px #ff9a9e66;transform:translateX(8px)}.mcq-choice.selected{background:linear-gradient(135deg,#fff176,#ffd54f)!important;border-color:#7935d1;box-shadow:0 0 25px #ffeb3b99;color:#7935d1!important;font-weight:800}.mcq-choice.selected:after{animation:starPop .4s cubic-bezier(.175,.885,.32,1.275);content:"⭐";font-size:24px;position:absolute;right:15px;top:50%;transform:translateY(-50%)}@keyframes starPop{0%{transform:translateY(-50%) scale(0) rotate(-45deg)}70%{transform:translateY(-50%) scale(1.3) rotate(10deg)}to{transform:translateY(-50%) scale(1) rotate(0deg)}}.mcq-choice input[type=radio]{accent-color:#fff;cursor:pointer;flex-shrink:0;height:1.3em;margin-right:1rem;width:1.3em}.mcq-choice .mcq-text{flex:1 1;line-height:1.5}.mcq-choice.selected{border-color:#4c5287;box-shadow:0 8px 16px #4c52874d;transform:translateX(8px) scale(1.05)}.mcq-error{color:#f875aa;font-weight:500;margin-top:1rem}.graph-container{width:55%}.graph-answer-layout{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.graph-choice{align-items:center;background:#fff;border:3px solid #e0e0e0;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;padding:1rem;position:relative;transition:all .3s ease}.graph-choice:hover{border-color:#65c6ee;box-shadow:0 8px 16px #00000026;transform:translateY(-5px)}.graph-choice input[type=radio]{accent-color:#65c6ee;cursor:pointer;height:1.2em;left:10px;position:absolute;top:10px;width:1.2em}.graph-choice img{border-radius:8px;height:auto;margin-top:1.5rem;width:100%}.graph-choice.selected{background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border-color:#4c5287;box-shadow:0 10px 20px #4c52874d;transform:translateY(-8px) scale(1.02)}.floating-question{background-color:#fff;border-radius:10px;box-shadow:0 4px 4px 0 #0000001a,0 6px 15px 0 #00000030;max-width:600px;padding:1rem 1.5rem;width:42%;z-index:99999999}.close-floating-question{border:1px solid #000;border-radius:50%;cursor:pointer;font-size:25px;padding:.1rem .6rem;position:absolute;right:15px;top:10px}.math-keyboard{margin-top:1rem;max-width:300px;position:relative;width:100%}@media only screen and (min-width:993px){.math-keyboard{left:calc(100% + 20px);margin-left:0;margin-top:0;max-width:320px;position:absolute;top:0;transform:none;width:320px;z-index:100}.question-form-body pre{font-size:28px!important;line-height:34px!important}.keyboard-container{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);position:relative;width:100%;z-index:5}.keyboard-next-btn{grid-column:1/-1;margin-top:5px!important}.math-keyboard .digit-button{border-radius:10px!important;box-shadow:0 4px 0 0 #545b64!important;font-size:22px!important;height:100%!important;margin:0!important;max-height:50px!important;min-height:50px!important;padding:0!important;width:100%!important}.math-keyboard .digit-num{background:linear-gradient(135deg,#667eea,#764ba2)!important;box-shadow:0 4px 0 0 #4c5287!important;color:#fff!important}.math-keyboard .digit-num:hover{background:linear-gradient(135deg,#7c8ef5,#8a5cb8)!important;box-shadow:0 0 20px #7c8ef599!important;filter:brightness(1.1)}.math-keyboard .digit-action{background:linear-gradient(135deg,#ff6b6b,#ff8e53)!important;box-shadow:0 4px 0 0 #c44545!important;color:#fff!important}.math-keyboard .digit-action:hover{background:linear-gradient(135deg,#ff8080,#ffa070)!important;box-shadow:0 0 20px #ff808099!important;filter:brightness(1.1)}.math-keyboard .digit-next{align-items:center!important;background:linear-gradient(135deg,#4caf50,#45a049)!important;box-shadow:0 4px 0 0 #2e7d32!important;color:#fff!important;display:flex!important;justify-content:center!important}.math-keyboard .digit-next:hover{background:linear-gradient(135deg,#66bb6a,#5cb860)!important}.math-keyboard .digit-button:active{box-shadow:none!important;transform:scale(.95)!important}.math-keyboard .digit-button:hover{opacity:.9}.math-keyboard .toggle-btn{border-radius:10px!important;font-size:18px!important;margin:0!important;max-height:50px!important;min-height:50px!important;padding:0!important;width:100%!important}.math-keyboard .keyboard-next-btn{font-size:16px!important;min-height:50px!important}}.math-keyboard p{color:#4c5287;font-size:14px;margin-bottom:8px}.mcq-answer .react-math-keyboard-numeric-layout,.mcq-answer .react-math-keyboard-toolbar-container{display:none}.mcq-answer .react-math-keyboard-input{border:0!important;padding:0!important}.mcq-answer .mq-text-mode{word-wrap:break-word!important;color:#4c5287;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif!important;font-size:16px;line-height:1.5rem!important;margin-bottom:.34rem;white-space:pre-wrap!important}.mcq-answer-layout{position:relative}.answer-layout{bottom:0;left:0;position:absolute;right:0;top:0;width:100%}.graph-answer img{width:90%}input[type=checkbox],input[type=radio]{height:1.3em;margin-right:.65rem;width:1.3em}.question-end-btn button,.question-footer-btn button,.question-form-btn{background-color:#65c6ee;border:0;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;font-weight:540;margin-top:1rem;padding:.6rem 1.2rem}.question-end-btn button{background-color:#f875aa}.question-form-btn{height:45px;margin-top:5px!important;padding:0 1.2rem!important;width:90px}.question-form-footer p{font-size:14px;margin-top:.5rem}.question-sign div{border:1px solid #7ed7c1;border-radius:50%;cursor:pointer;font-size:16px;height:45px;margin-right:.4rem;margin-top:.4rem;width:45px}.sign1 p{color:#559367}.sign1 p,.sign2 p{font-size:14px;margin-bottom:.5rem}.sign2 p{color:#f875aa}.question-footer-btn button{background-color:#f875aa;color:#fff;font-size:18px;padding:.6rem 0;width:120px}.question-end-btn button{font-size:18px;width:200px}.question-end-btn{justify-content:flex-start;margin-bottom:.5rem;margin-top:.5rem;width:100%}.alert-question,.alert-question-end,.alert-question-error-pocket{background-color:#f875aa;color:#fff;font-size:20px;font-weight:500;padding:1.2rem .5rem;top:-250px;width:180px}.alert-question-end,.alert-question-error-pocket{top:-250px;width:320px}.model-answer-popup,.question-list-popup,.result-popup{background-color:#05050580;bottom:0;left:0;position:fixed;right:0;top:0;transition:.5s;z-index:1000}.answer-popup-hide,.result-popup-hide{background-color:initial!important;transition:.5s}.popup-container,.question-list-container,.result-popup-container{background-color:#fff;border-radius:20px;max-height:80vh;max-width:800px;overflow-y:auto;padding:1.5rem;position:absolute;top:120px;transition:.7s;width:60%;z-index:1001}.question-list-container{width:55%}.result-popup-container{padding:1.2rem 2rem}.popup-top{top:-1200px;transition:.7s}.popup-head{border-bottom:1px solid #7ed7c1;padding-bottom:.7rem}.popup-head p{color:#559367;font-size:25px}.popup-body{padding:.8rem 0}.popup-body img{margin-inline:auto;width:90%}.popup-body p{font-size:25px}.popup-body img{margin-top:.5rem}.popup-btn{background-color:#f875aa}.result-popup-head img{width:250px}.result-popup-head p{color:#559367;font-size:25px;margin:1rem 0;text-align:center}.result-popup-body table{border-collapse:collapse;border-radius:5px;border-style:hidden;box-shadow:0 0 0 1px #7ed7c1;margin:1.2rem 0;text-align:center;width:100%}.result-popup-body td,.result-popup-body th{border:1px solid #7ed7c1}.result-popup-body th{font-size:20px;font-weight:450;padding:.5rem}.result-popup-body td{font-size:18px;padding:.5rem .2rem}.whiteboard{border-left:1px solid #cdd7de;bottom:0;position:fixed;right:0;top:0;width:50%}.close,.close-whiteboard-img{opacity:0!important;z-index:-99999999!important}.whiteboard-color div{border-radius:50%;cursor:pointer;height:35px;position:absolute;top:15px!important;width:35px}.red{background-color:#f875aa;right:15px}.black{background-color:#4c5287;right:57px}.blue{background-color:#65c6ee;right:100px}.close-whiteboard{cursor:pointer;position:absolute;right:47%;top:10px}.whiteboard-modify{position:absolute;right:150px;top:12px}.whiteboard-modify i{cursor:pointer;font-size:30px}.whiteboard-modify button{background-color:#fff;border:1px solid #f875aa;border-radius:10px;cursor:pointer;font-size:20px;margin-right:15px;padding:.5rem 1rem}.close-whiteboard p{font-size:35px}.whiteboard-img-container{position:absolute;right:0;top:80px;width:50%}.whiteboard-img img{width:75%}.whiteboard-img{position:relative;width:100%}.canva2-container{height:300px;position:absolute;right:0;top:0;width:100%}.canva2-container-height{height:100%!important}.canva2{background-color:initial!important}.question-pocket{background-color:#fff;border-radius:50%;bottom:40px;box-shadow:0 4px 4px 0 #0000001a,0 6px 15px 0 #0000001a;color:#f875aa;cursor:pointer;font-size:2.4rem;height:80px;left:30px;position:fixed;transition:.5s;width:80px}.hide-question-pocket{display:none!important}.pocket-number{background-color:#f875aa;border-radius:50%;color:#fff;font-size:13px;font-weight:700;height:24px;position:absolute;right:0;top:0;width:25px}.add-question-icon,.all-question-icon{color:#f875aa;cursor:pointer;margin-right:.5rem}.all-question-icon{color:#65c6ee;font-size:23px!important}.form-body-list{background-color:#fff;border:0;border-radius:20px;box-shadow:0 4px 4px 0 #0000001a,0 6px 15px 0 #0000001a;margin:1rem 0;padding:1.1rem 1rem;position:relative;z-index:1}.form-body-list:has(.keyboard-container){z-index:10}.question-list-close{cursor:pointer}.question-list-right-side button{background-color:#f875aa;border:0;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;margin-right:.5rem;margin-top:.2rem;padding:.5rem}.timer div{width:100%}.timer div:last-child{margin-left:1rem}.timer-clock{margin-left:0!important}.timer div p{margin-bottom:.5rem;margin-left:.3rem}.timer input{border:1px solid #7ed7c1;border-radius:10px;padding:.8rem .4rem;width:100%}.remove-question{color:#f875aa;cursor:pointer;font-size:25px;position:absolute;right:15px;top:30px}.select-class select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;background-image:none;border:0;box-shadow:none;cursor:pointer;flex:1 1;font-size:16.5px;outline:10px red;text-indent:1px;text-overflow:""}.select-class{border-radius:.4em;box-shadow:0 4px 4px 0 #0000001a,0 6px 15px 0 #0003;display:flex;height:2.5em;margin-bottom:1rem;margin-top:1.5rem;overflow:hidden;padding-left:.5rem;position:relative;width:100%}.select-class:after{background-color:#65c6ee;color:#fff;content:"\25BC";padding:.7em;pointer-events:none;position:absolute;right:0;top:0;transition:all .25s ease}.select-container button{background-color:#65c6ee;border:0;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;margin-bottom:1rem;margin-left:.4rem;margin-top:1.5rem;width:55px}.class-selector{background-color:#65c6ee;border-radius:6px;color:#fff;margin-right:.6rem;padding:.6rem 1rem;position:relative}.class-selector div{cursor:pointer;font-size:17px;position:absolute;right:3px;top:-2px}.date-faild{margin-top:.5rem}.assignment-title input{border:1px solid #7ed7c1;border-radius:10px;margin-bottom:.3rem;padding:.8rem .4rem;width:100%}.assignment-title p{margin-bottom:.5rem}.plane{margin-right:.5rem}.abacus-grid-view{margin:1rem 0}.abacus-display-table{background:#fffffff2;border:2px solid #7935d1}.abacus-display-table td{font-family:Spicy Sale,sans-serif;font-size:26px;padding:10px 18px}.abacus-display-table .op-cell{border-right:2px solid #e0d4f7;color:#7935d1}.abacus-display-table tr:last-child td{border-top:3px solid #7935d1}.digit-button{background-color:#6c757d;border:none;border-radius:12px;box-shadow:0 5px 0 0 #545b64;color:#fff;cursor:pointer;font-size:20px;font-weight:700;height:50px;margin:5px;transition:all .2s cubic-bezier(.4,0,.2,1);width:50px}.digit-button:hover{box-shadow:0 0 15px #ffffff4d;filter:brightness(1.1)}.digit-button:active{box-shadow:0 0 20px #ffffff80;filter:brightness(1.2);transform:translateY(3px)}@media only screen and (min-width:1400px){.question-container{max-width:1600px;width:75%}.question-form{width:45%}.mcq-container{width:35%}}@media only screen and (min-width:1200px) and (max-width:1399px){.question-container{width:80%}}@media only screen and (max-width:992px){.question-container{flex-direction:column;width:90%}.question-content-wrapper{flex-direction:column;width:100%}.question-form{max-height:none;min-height:35vh;width:100%}.graph-container,.mcq-container{margin-top:1rem;max-width:100%;width:100%}.mcq-answer-layout{gap:.8rem}.mcq-choice{font-size:15px;padding:.9rem 1rem}.mcq-title{font-size:17px}.floating-question{width:65%}.popup-container,.question-list-container,.result-popup-container{padding:1.2rem;width:75%}.whiteboard,.whiteboard-img-container{width:70%}.close-whiteboard{right:66%}.floating-question pre,.question-form-body pre{font-size:18px;line-height:30px}.graph-answer-layout{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media only screen and (max-width:768px){.question-container{gap:1.5rem;width:95%}.question-form{max-height:none;min-height:32vh;padding:.9rem 1rem}.question-form-head p{font-size:18px}.end-head p{font-size:13px}.floating-question{width:80%}.popup-container,.question-list-container,.result-popup-container{padding:1rem;top:100px;width:85%}.result-popup-head p{font-size:20px}.result-popup-body th{font-size:18px;padding:.4rem .3rem}.result-popup-body td{font-size:16px;padding:.4rem .2rem}.whiteboard,.whiteboard-img-container{width:85%}.close-whiteboard{right:80%}.question-number p{font-size:15px;padding:.6rem .8rem}.mcq-choice{font-size:14px;padding:.8rem 1rem}.mcq-title{font-size:16px}.question-end-btn button,.question-footer-btn button,.question-form-btn{font-size:16px;padding:.5rem 1rem}.floating-question pre,.question-form-body pre{font-size:17px;line-height:28px}.flash-line{font-size:65px;line-height:1;min-height:120px}.flash-answer-text{font-size:22px}.start-flash-btn{font-size:20px;padding:1rem 2rem}.flash-mode-question{min-height:250px}}@media only screen and (max-width:600px){.question-container{gap:1rem;padding:.5rem}.question-form{border-radius:18px;max-height:none;min-height:30vh;padding:.8rem .9rem;width:100%}.question-form-body{align-items:flex-start;display:flex;flex-direction:row;gap:8px;padding:.5rem}.question-form-body pre{border-right:2px solid #4c5287;flex:0 0 100px;font-size:28px;line-height:32px;margin:0;padding-right:12px;text-align:right;white-space:pre}.math-keyboard{flex:1 1;margin-top:0;max-width:none!important;min-width:0;position:relative!important;right:auto!important;top:auto!important;transform:none!important}.keyboard-container,.math-keyboard,.math-keyboard>div{width:100%!important}.keyboard-container{grid-gap:4px!important;display:grid!important;gap:4px!important;grid-template-columns:repeat(3,1fr)!important}.question-form-head p{font-size:17px}.end-head p{font-size:12px}.end-head i{font-size:16px}.floating-question pre,.question-form-body pre{font-size:22px;line-height:1.4}.math-keyboard p{font-size:10px;margin-bottom:4px}.abacus-button,.flash-mode-button{margin-right:4px;padding:6px 10px}.abacus-button i,.flash-mode-button i{font-size:14px}.flash-line{font-size:50px;line-height:1;min-height:90px}.flash-answer-text{font-size:20px}.start-flash-btn{font-size:18px;padding:.8rem 1.5rem}.flash-mode-question{min-height:200px;padding:1rem}.floating-question{left:12px!important;padding:.8rem 1rem;width:94%}.question-img img{width:95%}.mcq-choice{border-radius:12px;font-size:13px;padding:.7rem .9rem}.mcq-choice input[type=radio]{height:1.1em;margin-right:.7rem;width:1.1em}.mcq-title{font-size:15px;margin-bottom:.8rem}.mcq-answer-layout{gap:.7rem}.graph-answer-layout{gap:.8rem;grid-template-columns:1fr}.popup-container,.question-list-container,.result-popup-container{padding:1rem;top:80px;width:95%}.result-popup-container{padding:.8rem 1rem}.popup-body p,.popup-head p{font-size:22px}.popup-body img{margin-inline:auto;width:100%}.result-popup-body th{font-size:16px;padding:.4rem .2rem}.result-popup-body td{font-size:15px}.result-popup-head img{width:180px}.result-popup-head p{font-size:17px;max-width:280px;width:auto}.whiteboard{width:95%}.whiteboard-img-container{top:70px;width:95%}.whiteboard-img img{width:85%}.close-whiteboard{right:88%}.close-whiteboard p{font-size:28px}.whiteboard-color div{height:28px;width:28px}.red{right:10px}.black{right:48px}.blue{right:86px}.whiteboard-modify{right:130px}.whiteboard-modify i{font-size:24px}.whiteboard-modify button{font-size:16px;margin-right:10px;padding:.4rem .8rem}.timer{flex-wrap:wrap}.timer div{margin-top:1rem;width:100%}.timer div:last-child{margin-left:0}.timer input{padding:.7rem .4rem}.question-number p{font-size:14px;margin-right:.3rem;padding:.5rem .7rem}.question-form-btn{font-size:15px;height:40px;width:80px}.question-footer-btn button{font-size:16px;width:110px}.question-end-btn button{font-size:16px;width:180px}.question-pocket{bottom:30px;font-size:2rem;height:70px;left:20px;width:70px}.pocket-number{font-size:12px;height:22px;width:22px}.math-keyboard .digit-button{border-radius:6px!important;box-shadow:0 2px 0 0 #4c5287!important;font-size:18px!important;height:42px!important;margin:0!important;width:100%!important}.math-keyboard .digit-button:active{box-shadow:0 1px 0 0 #4c5287!important;transform:translateY(1.5px)!important}.math-keyboard .keyboard-next-btn{font-size:16px!important;height:42px!important}}@media only screen and (max-width:400px){.question-container{padding:.3rem;width:98%}.question-form{border-radius:15px;min-height:28vh;padding:.7rem .8rem}.question-form-head p{font-size:15px}.end-head p{font-size:11px}.end-head i{font-size:14px}.question-form-body{gap:6px;padding:.4rem}.question-form-body pre{border-right:2px solid #4c5287;flex:0 0 80px;font-size:24px;line-height:1.4;padding-right:8px;text-align:right}.floating-question pre{font-size:20px;line-height:1.3}.math-keyboard p{font-size:10px;margin-bottom:6px}.abacus-button,.flash-mode-button{margin-right:3px;padding:5px 8px}.abacus-button i,.flash-mode-button i{font-size:12px}.flash-line{font-size:40px;line-height:1;min-height:70px}.flash-answer-text{font-size:18px}.start-flash-btn{font-size:16px;padding:.7rem 1.2rem}.flash-mode-question{min-height:180px;padding:.8rem}.mcq-choice{border-radius:8px;font-size:11px;padding:.45rem .6rem}.mcq-choice input[type=radio]{height:.9em;margin-right:.5rem;width:.9em}.mcq-title{font-size:13px;margin-bottom:.5rem}.mcq-answer-layout{gap:.4rem}.question-number p{font-size:13px;padding:.4rem .6rem}.popup-container,.question-list-container,.result-popup-container{border-radius:15px;padding:.8rem;top:60px;width:98%}.popup-body p,.popup-head p{font-size:20px}.result-popup-head img{width:150px}.result-popup-head p{font-size:15px;max-width:250px}.result-popup-body th{font-size:14px;padding:.3rem .2rem}.result-popup-body td{font-size:13px;padding:.3rem .1rem}.question-form-btn{font-size:14px;height:38px;padding:0 .8rem!important;width:70px}.question-footer-btn button{font-size:15px;padding:.5rem 0;width:100px}.question-end-btn button{font-size:15px;padding:.5rem 1rem;width:160px}.question-pocket{bottom:25px;font-size:1.8rem;height:60px;left:15px;width:60px}.pocket-number{font-size:11px;height:20px;width:20px}.question-form{max-height:none;min-height:35vh;width:100%}.question-form-body{align-items:flex-start;display:flex;flex-direction:row;gap:.4rem}.question-form-body pre{flex-shrink:0;margin-right:.3rem;max-width:30%;width:auto}.math-keyboard{flex-grow:1;margin-top:0;max-width:none;position:relative!important;right:auto!important;top:auto!important;transform:none!important;width:auto!important}.keyboard-container,.math-keyboard>div{width:100%!important}.keyboard-container{grid-gap:3px!important;display:grid!important;gap:3px!important;grid-template-columns:repeat(3,1fr)!important}.math-keyboard .digit-button{border-radius:5px!important;box-shadow:0 2px 0 0 #4c5287!important;font-size:16px!important;height:38px!important;margin:0!important;width:100%!important}.math-keyboard .digit-button:active{box-shadow:0 1px 0 0 #4c5287!important;transform:translateY(1px)!important}.math-keyboard .keyboard-next-btn{font-size:14px!important;height:38px!important}.math-keyboard p{font-size:9px!important;margin-bottom:3px!important}.whiteboard-modify button{font-size:14px;padding:.3rem .6rem}.close-whiteboard p{font-size:24px}.assignment-title input,.timer input{font-size:14px;padding:.6rem .4rem}.select-class{height:2.2em}.select-class select{font-size:14px}}@media only screen and (max-height:500px) and (orientation:landscape){.question-form{max-height:none;min-height:60vh;width:100%}.question-form-body{align-items:flex-start;display:flex;flex-direction:row;gap:.6rem}.question-form-body pre{flex-shrink:0;margin-right:.5rem;max-width:35%;width:auto}.math-keyboard{flex-grow:1;margin-top:0;max-width:none;position:relative!important;right:auto!important;top:auto!important;transform:none!important;width:auto!important}.keyboard-container,.math-keyboard>div{width:100%!important}.keyboard-container{grid-gap:4px!important;display:grid!important;gap:4px!important;grid-template-columns:repeat(3,1fr)!important}.math-keyboard .digit-button{font-size:17px!important;height:40px!important;margin:0!important;width:100%!important}.math-keyboard .keyboard-next-btn{font-size:15px!important;height:40px!important}.math-keyboard p{font-size:9px!important;margin-bottom:3px!important}.popup-container,.question-list-container,.result-popup-container{max-height:85vh;top:60px}}.abacus-button,.add-question-icon,.all-question-icon,.flash-mode-button,.fullscreen-button,.pocket-all-button,.pocket-button,.worksheet-print-btn{align-items:center;background:linear-gradient(135deg,#4b5563,#1f2937);border:none;border-radius:50%;box-shadow:0 8px 18px #1f293747;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;width:40px}.abacus-button:hover,.add-question-icon:hover,.all-question-icon:hover,.flash-mode-button:hover,.fullscreen-button:hover,.pocket-all-button:hover,.pocket-button:hover,.worksheet-print-btn:hover:not(:disabled){color:#fff;transform:scale(1.06)}.abacus-button:active,.add-question-icon:active,.all-question-icon:active,.flash-mode-button:active,.fullscreen-button:active,.pocket-all-button:active,.pocket-button:active,.worksheet-print-btn:active:not(:disabled){transform:scale(.95)}@media only screen and (max-width:768px){.end-head{gap:6px}.abacus-button,.add-question-icon,.all-question-icon,.flash-mode-button,.fullscreen-button,.gamify-button,.pocket-all-button,.pocket-button,.report-error-button,.worksheet-print-btn{height:32px;width:32px}.report-error-wrapper{margin-right:0;position:absolute;right:12px;top:12px;z-index:200}.question-form-head{padding-right:48px;position:relative}}@media only screen and (max-width:480px){.end-head{gap:4px}.abacus-button,.add-question-icon,.all-question-icon,.flash-mode-button,.fullscreen-button,.gamify-button,.pocket-all-button,.pocket-button,.report-error-button,.worksheet-print-btn{height:28px;width:28px}.report-error-wrapper{right:10px;top:10px}.question-form-head{padding-right:40px}}.report-error-wrapper{display:flex;position:relative}.report-error-button{box-shadow:0 8px 18px #2f354247;transition:transform .2s ease,box-shadow .2s ease}.gamify-button,.report-error-button{border:none;border-radius:50%;color:#fff;height:40px;width:40px}.gamify-button{align-items:center;background:linear-gradient(135deg,#ff512f,#dd2476);box-shadow:0 8px 18px #dd247647;cursor:pointer;display:flex;justify-content:center;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.gamify-button:hover:not(:disabled){box-shadow:0 10px 20px #dd247666;color:#fff;transform:scale(1.06)}.gamify-button:active:not(:disabled){transform:scale(.95)}.gamify-button:disabled{cursor:not-allowed;opacity:.6}.gamify-button i{color:#fff!important;font-size:16px}.math-keyboard .digit-num{background:linear-gradient(135deg,#667eea,#764ba2)!important;box-shadow:0 4px 0 0 #4c5287!important;color:#fff!important}.math-keyboard .digit-num:hover{background:linear-gradient(135deg,#7c8ef5,#8a5cb8)!important}.math-keyboard .digit-num:active{box-shadow:0 2px 0 0 #4c5287!important;transform:scale(.95)!important}body{background-attachment:fixed;background-image:url(/static/media/webbackground10.ee1801d8b1e0f042fbe4.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:100vh}@keyframes anime{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.assignment-error-ops{min-height:60vh;padding:2rem}.assignment-error-ops img{margin-bottom:2rem;max-width:400px}.assignment-error-ops p{color:#f875aa;font-size:20px;font-weight:500}.end-exam-error{margin-top:1rem;padding:1rem;width:100%}.error-line{color:#f875aa;font-size:16px;font-weight:500}.timer{color:#9b59b6;font-size:18px;font-weight:700;gap:.5rem;margin-right:1rem}.abacus-button,.timer{align-items:center;display:flex}.abacus-button{background:#0000!important;border:none!important;cursor:pointer;justify-content:center;margin-right:.5rem;padding:0!important}.abacus-button i{color:#65c6ee;font-size:18px}.question-end-btn button:disabled{cursor:not-allowed;opacity:.7}.question-end-btn button .loader{display:inline-block;margin-right:8px}.assignment-popup-head{gap:1rem;margin-bottom:1rem}.assignment-popup-head img{height:50px;width:50px}.assignment-popup-head p{color:#f875aa;font-size:18px;font-weight:500}.first-ans{gap:1rem;margin-top:1.5rem}.first-ans p{color:#3b728d;font-size:16px;font-weight:600}.answer-line{color:#999;font-size:20px}.result-popup-actions{gap:1rem;margin-top:1.5rem}.btn-download{align-items:center;background-color:#65c6ee!important;display:flex;gap:.5rem}.btn-download:hover{background-color:#4facfe!important}.whiteboard-container{position:relative}.whiteboard-modify-assignment{position:absolute;right:150px;top:12px}.whiteboard-modify-assignment i{color:#4c5287;cursor:pointer;font-size:30px;margin:0 .5rem}.whiteboard-modify-assignment div{background-color:#559367;border-radius:8px;color:#fff;font-weight:700;padding:.5rem 1rem}.img-icon{color:#65c6ee!important}.clear{color:#f875aa!important}.x-img{background-color:#f875aa;border-radius:50%;color:#fff;cursor:pointer;font-size:20px;font-weight:700;height:35px;position:absolute;right:15px;top:10px;width:35px}.x-img:hover{background-color:#e55e9d}.next-btn,.question-form-btn,button#nextBtn{animation:anime 8s linear infinite;background:linear-gradient(-45deg,#65c6ee,#f875aa,#ffa63d);background-size:300%;border:none;border-radius:12px;box-shadow:0 4px 15px #0000004d;color:#fff;cursor:pointer;font-size:18px;font-weight:700;padding:.6rem 1.2rem;transition:all .3s ease}.next-btn:hover,.question-form-btn:hover,button#nextBtn:hover{box-shadow:0 6px 20px #0006;transform:translateY(-2px)}.next-btn:active,button#nextBtn:active{box-shadow:0 2px 10px #0000004d;transform:translateY(0)}@media only screen and (min-width:1400px){.assignment-error-ops img{max-width:500px}}@media only screen and (max-width:992px){.assignment-error-ops img{max-width:350px}.assignment-error-ops p{font-size:18px}.timer{font-size:16px;margin-right:.8rem}}@media only screen and (max-width:768px){.assignment-error-ops img{max-width:300px}.assignment-error-ops p{font-size:17px}.assignment-popup-head img{height:40px;width:40px}.assignment-popup-head p{font-size:16px}.first-ans p,.timer{font-size:15px}.timer{margin-right:.7rem}.whiteboard-modify-assignment{right:130px}.whiteboard-modify-assignment i{font-size:26px}}@media only screen and (max-width:600px){.answer-input-container{width:148px!important}.keyboard-container{grid-gap:4px!important;display:grid!important;gap:4px!important;grid-template-columns:repeat(3,1fr)!important;width:100%!important}.math-keyboard .digit-button{border-radius:6px!important;font-size:18px!important;height:42px!important;margin:0!important;width:100%!important}.math-keyboard .keyboard-next-btn{font-size:16px!important;height:42px!important}.math-keyboard p{font-size:10px!important;margin-bottom:4px!important}.assignment-error-ops{padding:1.5rem 1rem}.assignment-error-ops img{max-width:250px}.assignment-error-ops p{font-size:16px}.assignment-popup-head{flex-direction:column;text-align:center}.assignment-popup-head img{height:35px;width:35px}.assignment-popup-head p{font-size:15px}.first-ans{align-items:flex-start;flex-direction:column}.first-ans p,.timer{font-size:14px}.timer{gap:.3rem;margin-right:.6rem}.result-popup-actions{flex-direction:column}.btn-download{justify-content:center;width:100%}.next-btn,button#nextBtn{font-size:16px;padding:.5rem 1rem}.whiteboard-modify-assignment{right:120px}.whiteboard-modify-assignment i{font-size:24px;margin:0 .3rem}.x-img{font-size:18px;height:30px;width:30px}}@media only screen and (max-width:400px){.answer-input-container{width:140px!important}.keyboard-container{grid-gap:3px!important;display:grid!important;gap:3px!important;grid-template-columns:repeat(3,1fr)!important;width:100%!important}.math-keyboard .digit-button{border-radius:5px!important;font-size:16px!important;height:38px!important;margin:0!important;width:100%!important}.math-keyboard .keyboard-next-btn{font-size:14px!important;height:38px!important}.math-keyboard p{font-size:9px!important;margin-bottom:3px!important}.assignment-error-ops img{max-width:200px}.assignment-error-ops p{font-size:15px}.assignment-popup-head p{font-size:14px}.first-ans p,.timer{font-size:13px}.timer{margin-right:.5rem}.next-btn,button#nextBtn{font-size:15px;padding:.4rem .9rem}.whiteboard-modify-assignment i{font-size:22px}.x-img{font-size:16px;height:28px;width:28px}}@media only screen and (max-height:500px) and (orientation:landscape){.assignment-error-ops{min-height:50vh}.keyboard-container{grid-gap:4px!important;display:grid!important;gap:4px!important;grid-template-columns:repeat(3,1fr)!important;width:100%!important}.math-keyboard .digit-button{font-size:17px!important;height:40px!important;margin:0!important;width:100%!important}.math-keyboard .keyboard-next-btn{font-size:15px!important;height:40px!important}.math-keyboard p{font-size:9px!important;margin-bottom:3px!important}}.checking-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000b3;height:100%;position:fixed;width:100%;z-index:10000}.checking-content{animation:fadeInScale .3s ease-out;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 15px 50px #0006;padding:3rem 4rem;text-align:center}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.checking-spinner{animation:spin 1s linear infinite;border:5px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:60px;margin:0 auto 1.5rem;width:60px}.checking-text{color:#fff;font-size:22px;font-weight:600;letter-spacing:.5px;margin:0}.modern-toggle{align-items:center;background:linear-gradient(135deg,#8a2be2e6,#4b0082e6)!important;border:2px solid #ffffff4d!important;border-radius:12px!important;box-shadow:0 4px 12px #8a2be24d!important;display:flex!important;justify-content:center;padding:.6rem 1rem!important;transition:all .3s ease!important}.modern-toggle:hover{background:linear-gradient(135deg,#8a2be2,indigo)!important;box-shadow:0 6px 20px #8a2be280!important;transform:translateY(-2px)!important}.modern-toggle:active{transform:translateY(0)!important}@media only screen and (max-width:992px){.modern-toggle{aspect-ratio:1!important;border-radius:8px!important;flex-direction:column!important;font-size:16px!important;gap:2px!important;padding:0!important}.modern-toggle svg{height:14px!important;margin-right:0!important;width:14px!important}}@media only screen and (max-width:600px){.modern-toggle{border-radius:6px!important;font-size:14px!important}.modern-toggle svg{height:12px!important;width:12px!important}}@media only screen and (max-width:360px){.modern-toggle{font-size:12px!important}.modern-toggle svg{height:10px!important;width:10px!important}}.nav-btn-signup{background:linear-gradient(-45deg,#4caf50,#45a049,#2e7d32,#1b5e20);background-size:600%}.mobile-fullscreen{background-color:#f5f5f5;height:100vh!important;left:0;margin:0!important;overflow-y:auto;padding:0!important;position:fixed!important;top:0;width:100vw!important;z-index:9999}.abacus-button,.end-assignment-btn,.flash-mode-button,.fullscreen-button,.worksheet-print-btn{align-items:center;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:42px;justify-content:center;margin-right:.65rem;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;width:42px}.end-assignment-btn{background:linear-gradient(135deg,#ef4444,#c62828);box-shadow:0 8px 18px #ef444459}.end-assignment-btn:hover{box-shadow:0 10px 20px #ef444473;transform:scale(1.06)}.end-assignment-btn:active{transform:scale(.95)}.worksheet-print-btn{background:linear-gradient(135deg,#ff6b9d,#ffa07a);box-shadow:0 8px 18px #ff6b9d59}.fullscreen-button{background:linear-gradient(135deg,#4facfe,#00f2fe);box-shadow:0 8px 18px #4facfe59}.flash-mode-button{background:linear-gradient(135deg,#fa709a,#fee140);box-shadow:0 8px 18px #fa709a59}.flash-mode-button.flash-active{background:linear-gradient(135deg,#43e97b,#38f9d7);box-shadow:0 8px 18px #43e97b59}.abacus-button{background:linear-gradient(135deg,#b088f9,#da9ff9);box-shadow:0 8px 18px #b088f959}.abacus-button:hover,.flash-mode-button:hover,.fullscreen-button:hover,.worksheet-print-btn:hover:not(:disabled){box-shadow:0 10px 20px #1f293766;color:#fff;transform:scale(1.06)}.abacus-button:active,.flash-mode-button:active,.fullscreen-button:active,.worksheet-print-btn:active:not(:disabled){transform:scale(.95)}.worksheet-print-btn:disabled{cursor:not-allowed;opacity:.6}.question-progress-label{align-items:center;background:linear-gradient(135deg,#fff7d6,#ffe08a);border-radius:999px;box-shadow:0 6px 16px #ffc10738;color:#7a5a00!important;display:inline-flex;font-weight:800!important;justify-content:center;letter-spacing:.02em;min-width:92px;padding:.45rem .95rem}.desktop-fullscreen .question-form-head,.mobile-fullscreen .question-form-head{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff5;position:-webkit-sticky;position:sticky;top:0;z-index:20}.desktop-fullscreen .question-progress-label,.mobile-fullscreen .question-progress-label{margin-right:.75rem}.mobile-assignment-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px #00000026;display:flex;justify-content:space-between;padding:.8rem 1rem;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:1000}.mobile-exit-btn{align-items:center;background:#fff3;border:2px solid #fff6;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;transition:all .3s ease;width:40px}.mobile-exit-btn:hover{background:#ffffff4d;transform:scale(1.1)}.mobile-exit-btn:active{transform:scale(.95)}.mobile-header-info{align-items:center;display:flex;gap:1rem}.mobile-question-indicator{font-size:18px;font-weight:700}.mobile-question-indicator,.mobile-timer{background:#fff3;border-radius:20px;color:#fff;padding:.4rem 1rem}.mobile-timer{font-size:16px;font-weight:600}.mobile-timer .timer{color:#fff;margin:0}.exit-dialog-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000bf;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10001}.exit-dialog{animation:slideUp .3s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:400px;padding:2rem;text-align:center;width:90%}.exit-dialog-icon{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ff8e53);border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.exit-dialog-icon i{color:#fff;font-size:40px}.exit-dialog h3{color:#333;font-size:24px;font-weight:700;margin-bottom:1rem}.exit-dialog p{color:#666;font-size:16px;line-height:1.5;margin-bottom:2rem}.exit-dialog-actions{display:flex;gap:1rem;justify-content:center}.exit-dialog-btn{border:none;border-radius:12px;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:.9rem 1.5rem;transition:all .3s ease}.cancel-btn{background:linear-gradient(135deg,#4caf50,#45a049);box-shadow:0 4px 15px #4caf504d;color:#fff}.cancel-btn:hover{background:linear-gradient(135deg,#45a049,#388e3c);box-shadow:0 6px 20px #4caf5080;transform:translateY(-2px)}.cancel-btn:active{transform:translateY(0)}.confirm-btn{background-color:#bdbdbd;color:#333}.confirm-btn:hover{background-color:#a8a8a8;transform:translateY(-2px)}.confirm-btn:active{transform:translateY(0)}@media only screen and (max-width:768px){.question-progress-label{font-size:15px!important;min-width:82px;padding:.4rem .75rem}.abacus-button,.end-assignment-btn,.flash-mode-button,.fullscreen-button,.worksheet-print-btn{height:38px;margin-right:.45rem;width:38px}}@media only screen and (max-width:480px){.question-progress-label{font-size:14px!important;min-width:74px}.abacus-button,.end-assignment-btn,.flash-mode-button,.fullscreen-button,.worksheet-print-btn{height:34px;margin-right:.35rem;width:34px}}.abacus-grid-view{display:flex;justify-content:center;margin:1.5rem 0;width:100%}.abacus-display-table{background:#ffffffe6;border:2px solid #667eea;border-collapse:collapse;border-radius:12px;box-shadow:0 8px 32px #0000001a;min-width:120px;overflow:hidden}.abacus-display-table td{color:#4c5287;font-size:28px;font-weight:800;padding:12px 20px;text-align:center}.abacus-display-table .op-cell{border-right:2px solid #eee;color:#667eea;width:40px}.abacus-display-table .val-cell{min-width:80px}.abacus-display-table tr:last-child{border-bottom:4px solid #667eea}.flash-mode-question .flash-line{color:#667eea;font-size:48px;font-weight:900;text-shadow:0 4px 8px #0000001a}@media only screen and (max-width:768px){.mobile-fullscreen .question-content-wrapper{flex-direction:column;padding:1rem;width:100%}.mobile-fullscreen .question-form{border-radius:0;box-shadow:none;margin:0;max-width:100%;min-height:auto;padding-bottom:2rem;width:100%!important}.mobile-fullscreen .graph-container,.mobile-fullscreen .mcq-container{align-items:center;display:flex;flex-direction:column;margin-top:1rem;padding:0 1rem;width:100%!important}.mobile-fullscreen .mcq-answer-layout{max-width:400px;width:100%}.mobile-fullscreen .mcq-choice{font-size:1.1rem;justify-content:flex-start;padding:.8rem 1rem;width:100%}.mobile-fullscreen .whiteboard-container{display:none}}.report-error-button{align-items:center;background:linear-gradient(135deg,#747d8c,#2f3542);border-radius:8px;box-shadow:0 4px 10px #747d8c59;cursor:pointer;display:flex;height:42px;justify-content:center;margin-right:8px;padding:8px 12px;position:relative;transition:all .3s ease;width:42px}.report-error-button:hover{transform:scale(1.05)}.report-error-button.flagged-answer{animation:alert-blink 1.2s infinite alternate;background:linear-gradient(135deg,#ff4757,#ff6b81)!important;box-shadow:0 4px 12px #ff475780!important}.report-error-button.flagged-skill{animation:alert-blink 1.2s infinite alternate;background:linear-gradient(135deg,#ffa502,coral)!important;box-shadow:0 4px 12px #ffa50280!important}@keyframes alert-blink{0%{opacity:.7;transform:scale(.98)}to{opacity:1;transform:scale(1.05)}}.report-error-button i{color:#fff!important;font-size:16px}.report-dropdown{animation:drop-fade-in .2s ease-out;background:#fff;border:1px solid #00000014;border-radius:12px;box-shadow:0 10px 25px #00000026;display:flex;flex-direction:column;gap:4px;min-width:155px;padding:6px;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}@keyframes drop-fade-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.report-dropdown-item{align-items:center;background:none;border:none;border-radius:8px;color:#2f3542;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;padding:8px 12px;text-align:left;transition:background .2s;width:100%}.report-dropdown-item:hover{background:#f1f2f6}.report-dropdown-item.active{background:#e8f4fd;color:#1e90ff}@media only screen and (max-width:768px){.report-error-button{height:38px;margin-right:.45rem;width:38px}}@media only screen and (max-width:480px){.report-error-button{height:34px;margin-right:.35rem;width:34px}}.assignment-report-container{background:linear-gradient(180deg,#fdfbfb,#ebedee);font-family:Comic Sans MS,Poppins,sans-serif;font-size:18px;padding:1rem 2rem 6rem}.assignment-report-body{background-color:#fff;border-radius:15px;box-shadow:0 6px 15px #0000001a;overflow-x:auto;padding:1rem}.assignment-report-body table{border-collapse:collapse;border-radius:12px;overflow:hidden;width:100%}.assignment-report-body th{background:linear-gradient(90deg,#ffb347,#fc3);border-bottom:3px solid #f93;color:#333;font-size:18px;font-weight:700;padding:12px;text-transform:uppercase}.assignment-report-body td{font-size:17px;padding:10px;text-align:center}.assignment-report-body tr:nth-child(2n){background-color:#fef6e4}.assignment-report-body tr:nth-child(odd){background-color:#fffaf0}.assignment-report-body tr:hover{background-color:#fff3cd;transition:.3s ease-in-out}.question-assignment-title{color:#333;font-size:18px;font-weight:700}.success{color:#28a745;font-weight:700}.wrong{color:#e63946;font-weight:700}.not-answered{color:#ff6f00;font-weight:700}tfoot td{font-size:18px;padding:12px}.result p,.timer p,tfoot td{background:#ffeaa7;color:#2d3436;font-weight:700}.result p,.timer p{border-radius:8px;font-size:22px;margin-left:.4rem;padding:.3rem .8rem}.timer{margin-left:1rem}.img-popup-container{background-color:#fff;border:4px solid #ffb347;border-radius:15px;max-height:80vh;overflow-y:scroll;padding:1rem;position:absolute;top:50px;transition:.7s;width:60%}.update-grade{background-color:#fff;border:3px solid #ffd166;border-radius:12px;box-shadow:0 6px 15px #0003;padding:1.2rem 1.5rem;width:42%}.update-grade p{color:#444;font-size:20px;font-weight:700}.update-grade input{border:2px solid #ffd166;border-radius:6px;font-size:16px;margin-top:1rem;padding:.5rem;width:100%}.update-grade .button{background:linear-gradient(90deg,#ffb347,#fc3);border:none;border-radius:8px;color:#222;cursor:pointer;font-weight:700;margin-top:1rem;padding:.5rem 1rem}.update-grade .button:first-of-type{margin-right:1rem}.update-grade .button:hover{background:linear-gradient(90deg,#f93,#ffb347);color:#fff;transition:.3s}@media only screen and (max-width:992px){.img-popup-container{width:70%}.update-grade{width:60%}}@media only screen and (max-width:768px){.assignment-report-container{padding:0 1rem 6rem}.img-popup-container,.update-grade{width:80%}}@media only screen and (max-width:600px){.assignment-report-container{padding:0 .8rem 6rem}.img-popup-container,.update-grade{width:95%}}.ai-insights-container{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#ffffff73;border:1px solid #fff6;border-radius:24px;box-shadow:0 10px 40px 0 #1f26870d;font-family:Outfit,sans-serif;margin-top:2.5rem;padding:2rem}.ai-banner{border-bottom:1px solid #0000000f;margin-bottom:1.8rem;padding-bottom:1.2rem;text-align:left}.ai-banner-title{align-items:center;display:flex;gap:.6rem;margin-bottom:4px}.sparkle-icon{animation:pulse-sparkle 2s ease-in-out infinite;color:#a855f7;height:28px;width:28px}@keyframes pulse-sparkle{0%,to{opacity:.9;transform:scale(1) rotate(0deg)}50%{opacity:1;transform:scale(1.15) rotate(15deg)}}.ai-banner h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7c3aed,#d946ef);-webkit-background-clip:text;background-clip:text;font-size:1.6rem;font-weight:850;margin:0}.ai-banner-subtitle{color:#666;font-size:.95rem;margin:0}.ai-insights-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.ai-chat-card,.ai-diagnostics-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #fff6;border-radius:20px;box-shadow:0 8px 32px 0 #1f26870a;display:flex;flex-direction:column;padding:1.8rem}.card-section-title{align-items:center;border-bottom:1px solid #00000008;display:flex;gap:.6rem;margin-bottom:1.5rem;padding-bottom:.8rem}.sec-icon{height:24px;width:24px}.sec-icon.purple{color:#8b5cf6}.sec-icon.pink{color:#ec4899}.card-section-title h4{color:#333;font-size:1.25rem;font-weight:800;margin:0}.cognitive-metrics{gap:1.2rem;margin-bottom:2rem}.cognitive-metrics,.metric-row{display:flex;flex-direction:column}.metric-row{gap:6px}.metric-header{align-items:center;display:flex;justify-content:space-between}.metric-label{color:#444;font-size:.9rem;font-weight:700}.metric-val{color:#222;font-size:.95rem;font-weight:800}.metric-bar-bg{background:#0000000d;border-radius:10px;height:10px;overflow:hidden;width:100%}.metric-bar-fill{border-radius:10px;height:100%;transition:width 1s cubic-bezier(.4,0,.2,1)}.metric-bar-fill.emerald{background:linear-gradient(90deg,#10b981,#34d399)}.metric-bar-fill.orange{background:linear-gradient(90deg,#f97316,#fb923c)}.metric-bar-fill.blue{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.metric-bar-fill.pink{background:linear-gradient(90deg,#ec4899,#f472b6)}.ai-abacus-heuristics{background:#8b5cf60a;border:1px solid #8b5cf61a;border-radius:16px;margin-top:auto;padding:1.2rem}.ai-abacus-heuristics h5{color:#7c3aed;font-size:1rem;font-weight:800;letter-spacing:.5px;margin:0 0 10px;text-transform:uppercase}.heuristics-list{display:flex;flex-direction:column;gap:8px}.heuristic-item{align-items:flex-start;display:flex;gap:8px}.h-dot{border-radius:50%;flex-shrink:0;height:7px;margin-top:6px;width:7px}.h-dot.purple{background-color:#8b5cf6}.h-dot.green{background-color:#10b981}.h-dot.orange{background-color:#f97316}.heuristic-item p{color:#555;font-size:.9rem;line-height:1.4;margin:0}.text-warn{color:#ea580c;font-weight:700}.text-good{color:#059669;font-weight:700}.chat-window{height:420px;justify-content:space-between}.chat-history{background:rgba(0,0,0,.015);border:1px solid #00000005;border-radius:12px;display:flex;flex-direction:column;flex-grow:1;gap:12px;margin-bottom:12px;overflow-y:auto;padding:10px}.chat-history::-webkit-scrollbar{width:6px}.chat-history::-webkit-scrollbar-track{background:#0000}.chat-history::-webkit-scrollbar-thumb{background:#0000001a;border-radius:10px}.chat-history::-webkit-scrollbar-thumb:hover{background:#0003}.chat-bubble-wrapper{display:flex;width:100%}.chat-bubble-wrapper.user-align{justify-content:flex-end}.chat-bubble-wrapper.tutor-align{justify-content:flex-start}.chat-bubble{align-items:flex-start;border-radius:16px;box-shadow:0 2px 8px #00000005;display:flex;font-size:.9rem;gap:10px;line-height:1.45;max-width:85%;padding:10px 14px}.chat-bubble.user-bubble{background:linear-gradient(135deg,#7c3aed,#9333ea);border-bottom-right-radius:4px;color:#fff;text-align:left}.chat-bubble.tutor-bubble{background:#fff;border:1px solid #0000000f;border-bottom-left-radius:4px;color:#333;text-align:left}.tutor-avatar{align-items:center;background:#7c3aed1a;border-radius:50%;display:flex;flex-shrink:0;font-size:1rem;height:28px;justify-content:center;width:28px}.chat-text-content p{margin:4px 0}.chat-text-content p:first-child{margin-top:0}.chat-text-content p:last-child{margin-bottom:0}.typing-indicator{align-items:center;display:flex;gap:4px;padding:6px 10px}.typing-indicator span{animation:typing 1s ease-in-out infinite;background:#999;border-radius:50%;height:6px;width:6px}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.quick-prompts-container{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.quick-prompt-btn{background:#7c3aed0d;border:1px solid #7c3aed26;border-radius:20px;color:#7c3aed;cursor:pointer;font-size:.78rem;font-weight:700;padding:6px 12px;transition:all .2s ease}.quick-prompt-btn:hover{background:#7c3aed;color:#fff;transform:translateY(-1px)}.quick-prompt-btn:disabled{cursor:not-allowed;opacity:.5}.chat-input-bar{border-top:1px solid #0000000d;display:flex;gap:8px;padding-top:10px}.chat-input{background:#fff;border:1px solid #0000001a;border-radius:12px;flex-grow:1;font-size:.9rem;outline:none;padding:10px 14px;transition:border-color .2s}.chat-input:focus{border-color:#7c3aed}.chat-input:disabled{background:#f5f5f5;cursor:not-allowed}.chat-send-btn{align-items:center;background:linear-gradient(135deg,#7c3aed,#c084fc);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;height:42px;justify-content:center;transition:all .2s;width:42px}.chat-send-btn:hover{box-shadow:0 4px 12px #7c3aed4d;transform:scale(1.05)}.chat-send-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.send-icon{height:18px;margin-left:2px;width:18px}.ai-judgment-comments{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.judgment-box{border:1px solid #0000;border-radius:12px;padding:1rem;transition:all .2s ease}.judgment-box:hover{transform:translateY(-2px)}.judgment-box p{color:#334155;font-size:.95rem;font-weight:500;line-height:1.45;margin:0}.positive-box{background:#10b9810f;border-color:#10b98126}.improvement-box{background:#f59e0b0f;border-color:#f59e0b26}.judgment-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.4rem}.judgment-header h5{color:#1e293b;font-size:1.05rem;font-weight:750;margin:0}.judgment-icon{height:18px;width:18px}.ai-quick-stats{grid-gap:.75rem;border-top:1px solid #0000000d;display:grid;gap:.75rem;grid-template-columns:repeat(4,1fr);margin-top:auto;padding-top:1.2rem}.quick-stat-item{align-items:center;background:#00000005;border:1px solid #00000005;border-radius:10px;display:flex;flex-direction:column;padding:.6rem .4rem;text-align:center}.quick-stat-item .stat-label{color:#64748b;font-size:.75rem;font-weight:700;letter-spacing:.3px;margin-bottom:4px;text-transform:uppercase}.quick-stat-item .stat-value{font-size:1.15rem;font-weight:850}.text-good{color:#10b981!important}.text-warn{color:#f59e0b!important}.text-danger{color:#ef4444!important}.text-info{color:#3b82f6!important}@media (max-width:992px){.ai-insights-grid{gap:1.5rem;grid-template-columns:1fr}}@media (max-width:576px){.ai-chat-card,.ai-diagnostics-card,.ai-insights-container{padding:1.2rem}.ai-banner h3{font-size:1.4rem}.ai-quick-stats{gap:.5rem!important;grid-template-columns:repeat(2,1fr)!important}.quick-stat-item .stat-value{font-size:1rem!important}.judgment-box{padding:.8rem!important}.judgment-box p{font-size:.85rem!important}.judgment-header h5{font-size:.9rem!important}}.assignment-loading-item{border-radius:10px;height:100px;margin:.5rem 0;width:100%}.created{font-size:18px!important;margin-left:-.1rem;margin-top:.4rem}.update-popup-head{border-bottom:1px solid #b5b4b4;padding-bottom:.7rem;position:relative}.popup-close-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#5d17eb;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;padding:.5rem;position:absolute;right:0;top:0;transition:all .3s ease;width:40px}.popup-close-btn:hover{background-color:#5d17eb1a;transform:scale(1.1)}.popup-close-btn:active{transform:scale(.95)}:root{--primary-gradient:linear-gradient(135deg,#4f46e5,#3730a3);--secondary-gradient:linear-gradient(135deg,#10b981,#059669);--danger-gradient:linear-gradient(135deg,#ef4444,#b91c1c);--warning-gradient:linear-gradient(135deg,#f59e0b,#d97706);--info-gradient:linear-gradient(135deg,#3b82f6,#1d4ed8);--grade-a-border:#10b98173;--grade-a-bg:linear-gradient(180deg,#f0fdf4cc,#dcfce780);--grade-a-accent:#059669;--grade-b-border:#3b82f666;--grade-b-bg:linear-gradient(180deg,#eff6ffcc,#dbeafe80);--grade-b-accent:#1d4ed8;--grade-cd-border:#f59e0b66;--grade-cd-bg:linear-gradient(180deg,#fef3c7cc,#fde68a80);--grade-cd-accent:#d97706;--grade-f-border:#ef444466;--grade-f-bg:linear-gradient(180deg,#fef2f2cc,#fee2e280);--grade-f-accent:#b91c1c}.teacher-reports-container{background:linear-gradient(180deg,#fdfbfb,#ebedee);font-family:Poppins,Segoe UI,sans-serif;min-height:100vh;padding-bottom:5rem}.teacher-reports-container nav{background-color:#fff;box-shadow:0 4px 15px #0000000d;padding:.8rem 2rem}.reports-content{margin:0 auto;max-width:1200px;padding:30px 20px}.reports-header{animation:fadeIn .8s ease;margin-bottom:40px;text-align:center}.reports-header h1{color:#1e1b4b;font-size:2.2rem;font-weight:800;letter-spacing:-.02em;margin-bottom:12px}.reports-header p{color:#64748b;font-size:1.1rem}.combined-reports-section{animation:slideUp .6s ease;background:#fff;border:1px solid #00000008;border-radius:20px;box-shadow:0 10px 30px #0000000f;margin-bottom:40px;padding:30px}.section-title-wrapper{align-items:center;border-bottom:2px solid #f1f5f9;display:flex;gap:12px;margin-bottom:25px;padding-bottom:15px}.section-title-wrapper i{color:#4f46e5;font-size:22px}.section-title-wrapper h2{color:#1e293b;font-size:1.4rem;font-weight:700;margin:0}.class-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:25px}.class-stat-card{background:#f8fafc;border:1px solid #f1f5f9;border-radius:16px;padding:20px;text-align:center;transition:all .3s ease}.class-stat-card:hover{box-shadow:0 6px 15px #00000008;transform:translateY(-3px)}.class-stat-icon{align-items:center;border-radius:12px;display:inline-flex;font-size:18px;height:44px;justify-content:center;margin-bottom:12px;width:44px}.class-stat-card.stat-avg .class-stat-icon,.class-stat-icon{background-color:#eff6ff;color:#2563eb}.class-stat-card.stat-high .class-stat-icon{background-color:#ecfdf5;color:#059669}.class-stat-card.stat-low .class-stat-icon{background-color:#fef2f2;color:#dc2626}.class-stat-card.stat-submissions .class-stat-icon{background-color:#f5f3ff;color:#7c3aed}.class-stat-label{color:#64748b;font-size:12px;font-weight:600;letter-spacing:.05em;margin-bottom:6px;text-transform:uppercase}.class-stat-value{color:#0f172a;font-size:1.8rem;font-weight:800}.bulk-actions-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.bulk-selectors{display:flex;gap:12px}.btn-deselect-all,.btn-select-all{background:#fff;border:1px solid #cbd5e1;border-radius:10px;color:#475569;cursor:pointer;font-size:13.5px;font-weight:600;padding:10px 16px;transition:all .2s ease}.btn-select-all:hover{background:#f1f5f9;border-color:#94a3b8;color:#1e293b}.btn-deselect-all:hover{background:#fef2f2;border-color:#fca5a5;color:#b91c1c}.btn-download-combined{align-items:center;background:linear-gradient(135deg,#4f46e5,#3730a3);background:var(--primary-gradient);border:none;border-radius:12px;box-shadow:0 4px 15px #4f46e54d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:8px;padding:12px 28px;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-download-combined:hover:not(:disabled){box-shadow:0 8px 24px #4f46e573;transform:translateY(-2px)}.btn-download-combined:disabled{box-shadow:none;cursor:not-allowed;opacity:.55;transform:none}.detailed-reports-section{animation:slideUp .7s ease;background:#fff;border:1px solid #00000008;border-radius:20px;box-shadow:0 10px 30px #0000000f;padding:30px}.sorting-toolbar{align-items:center;background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:25px;padding:10px 20px}.sort-label{color:#475569;font-size:13.5px;font-weight:600}.sort-buttons-group{display:flex;flex-wrap:wrap;gap:8px}.sort-btn{background:#fff;border:1px solid #e2e8f0;border-radius:20px;color:#64748b;cursor:pointer;font-size:13px;font-weight:600;padding:6px 14px;transition:all .25s ease}.sort-btn:hover{background:#f1f5f9;color:#334155}.sort-btn.active{background:#4f46e5;border-color:#4f46e5;box-shadow:0 4px 10px #4f46e533;color:#fff}.students-list-grid{grid-gap:20px;display:grid;gap:20px}.student-report-card{align-items:center;background:#fff;border:2px solid #f1f5f9;border-radius:16px;box-shadow:0 2px 5px #00000003;display:flex;overflow:hidden;padding:22px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.student-report-card:hover{box-shadow:0 8px 24px #00000014;transform:translateY(-3px) scale(1.005)}.student-report-card.grade-a{background:linear-gradient(180deg,#f0fdf4cc,#dcfce780);background:var(--grade-a-bg);border-color:#10b98173;border-color:var(--grade-a-border)}.student-report-card.grade-b{background:linear-gradient(180deg,#eff6ffcc,#dbeafe80);background:var(--grade-b-bg);border-color:#3b82f666;border-color:var(--grade-b-border)}.student-report-card.grade-cd{background:linear-gradient(180deg,#fef3c7cc,#fde68a80);background:var(--grade-cd-bg);border-color:#f59e0b66;border-color:var(--grade-cd-border)}.student-report-card.grade-f{background:linear-gradient(180deg,#fef2f2cc,#fee2e280);background:var(--grade-f-bg);border-color:#ef444466;border-color:var(--grade-f-border)}.student-card-checkbox{align-items:center;display:flex;margin-right:18px}.student-card-checkbox input{accent-color:#4f46e5;border-radius:6px;cursor:pointer;height:22px;width:22px}.student-card-content{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:20px;justify-content:space-between}.student-profile-summary{flex:1.5 1;min-width:200px}.student-name-wrapper{align-items:center;display:flex;gap:10px;margin-bottom:8px}.student-name-wrapper h3{color:#0f172a;font-size:1.15rem;font-weight:700;margin:0}.grade-trophy-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:12.5px;font-weight:700;gap:4px;padding:2px 10px}.grade-a .grade-trophy-badge{background:#d1fae5;color:#065f46}.grade-b .grade-trophy-badge{background:#dbeafe;color:#1e40af}.grade-cd .grade-trophy-badge{background:#fef3c7;color:#92400e}.grade-f .grade-trophy-badge{background:#fee2e2;color:#991b1b}.student-meta-stats{color:#475569;display:flex;flex-wrap:wrap;font-size:13.5px;gap:18px;margin-bottom:6px}.meta-stat-item{align-items:center;display:flex;gap:6px}.meta-stat-item i{color:#64748b}.grade-a .meta-stat-item i{color:#059669;color:var(--grade-a-accent)}.grade-b .meta-stat-item i{color:#1d4ed8;color:var(--grade-b-accent)}.grade-cd .meta-stat-item i{color:#d97706;color:var(--grade-cd-accent)}.grade-f .meta-stat-item i{color:#b91c1c;color:var(--grade-f-accent)}.completion-date-text{align-items:center;color:#8392a5;display:flex;font-size:12.5px;gap:4px}.student-score-box{background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;box-shadow:0 4px 6px #00000003;flex-shrink:0;min-width:100px;padding:12px 16px;text-align:center;transition:all .3s ease}.grade-a .student-score-box{border-color:#10b98173;border-color:var(--grade-a-border)}.grade-b .student-score-box{border-color:#3b82f666;border-color:var(--grade-b-border)}.grade-cd .student-score-box{border-color:#f59e0b66;border-color:var(--grade-cd-border)}.student-report-card.grade-f .student-score-box{border-color:#ef444466;border-color:var(--grade-f-border)}.score-ratio{color:#0f172a;font-size:1.4rem;font-weight:800;margin-bottom:2px}.score-percentage{color:#64748b;font-size:12.5px;font-weight:700}.grade-a .score-percentage{color:#059669;color:var(--grade-a-accent)}.grade-b .score-percentage{color:#1d4ed8;color:var(--grade-b-accent)}.grade-cd .score-percentage{color:#d97706;color:var(--grade-cd-accent)}.grade-f .score-percentage{color:#b91c1c;color:var(--grade-f-accent)}.student-action-buttons{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;min-width:250px}.btn-action-download,.btn-action-history,.btn-action-view{align-items:center;border-radius:10px;cursor:pointer;display:flex;font-size:13px;font-weight:700;gap:6px;padding:8px 14px;text-decoration:none!important;transition:all .2s ease}.btn-action-view{background:#fff;border:1.5px solid #cbd5e1;color:#334155}.btn-action-view:hover{background:#f1f5f9;border-color:#94a3b8;color:#0f172a;transform:translateY(-1px)}.btn-action-history{background-color:#eff6ff;border:1.5px solid #bfdbfe;color:#1d4ed8}.btn-action-history:hover{background-color:#2563eb;border-color:#2563eb;box-shadow:0 4px 10px #2563eb33;color:#fff;transform:translateY(-1px)}.btn-action-download{background-color:#f0fdf4;border:1.5px solid #bbf7d0;color:#166534}.btn-action-download:hover{background-color:#16a34a;border-color:#16a34a;box-shadow:0 4px 10px #16a34a33;color:#fff;transform:translateY(-1px)}.no-results-panel{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000000d;padding:60px 20px;text-align:center}.no-results-panel i{color:#cbd5e1;font-size:4rem;margin-bottom:20px}.no-results-panel h3{color:#334155;font-size:1.3rem;margin-bottom:8px}.no-results-panel p{color:#64748b;font-size:.95rem}@media (max-width:992px){.student-report-card{align-items:stretch}.student-card-content{align-items:stretch;flex-direction:column}.student-action-buttons{justify-content:flex-start;margin-top:10px;width:100%}.btn-action-download,.btn-action-history,.btn-action-view{flex:1 1;justify-content:center;padding:10px}}@media (max-width:600px){.reports-header h1{font-size:1.7rem}.combined-reports-section,.detailed-reports-section{padding:20px 15px}.sorting-toolbar{padding:10px}.class-stats-grid{grid-template-columns:1fr 1fr}.bulk-actions-wrapper{align-items:stretch;flex-direction:column}.bulk-selectors{width:100%}.btn-deselect-all,.btn-select-all{flex:1 1;justify-content:center;text-align:center}.btn-download-combined{justify-content:center;width:100%}.student-report-card{padding:15px}.student-profile-summary{width:100%}.student-score-box{box-sizing:border-box;width:100%}}.student-history-container{background-color:#f8f9fa;min-height:100vh}.history-content{margin:0 auto;max-width:1200px;padding:20px}.history-header{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px;padding:30px}.student-header-info{align-items:center;display:flex;gap:20px}.history-icon{color:#667eea;flex-shrink:0}.history-header h1{color:#333;font-size:28px;font-weight:600;margin:0}.student-email{color:#666;font-size:16px;margin-top:5px}.stats-overview{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.stat-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;display:flex;gap:15px;padding:20px;transition:all .3s ease}.stat-card:hover{box-shadow:0 4px 15px #00000026;transform:translateY(-2px)}.stat-icon{align-items:center;background-color:#f3e5f5;border-radius:10px;color:#9c27b0;display:flex;height:50px;justify-content:center;width:50px}.stat-info{flex:1 1}.stat-label{color:#666;font-size:14px;margin:0}.stat-value{color:#333;font-size:28px;font-weight:700;margin:5px 0 0}.assignments-history{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:30px}.assignments-history h2{align-items:center;color:#333;display:flex;font-size:24px;gap:10px;margin-bottom:25px}.assignments-list{display:flex;flex-direction:column;gap:20px}.assignment-history-card{align-items:center;border:2px solid #e0e0e0;border-radius:12px;display:flex;gap:20px;padding:20px;position:relative;transition:all .3s ease}.assignment-history-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea33;transform:translateY(-2px)}.assignment-number{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:50px;justify-content:center;width:50px}.assignment-main-info{flex:1 1}.assignment-title{color:#333;font-size:18px;font-weight:600;margin:0 0 10px}.assignment-meta{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:12px}.meta-item{align-items:center;color:#666;display:flex;font-size:13px;gap:6px}.assignment-details-row{display:flex;flex-wrap:wrap;gap:30px}.detail-item{align-items:center;display:flex;gap:8px}.detail-label{color:#666;font-size:14px;font-weight:500}.detail-value{color:#333;font-size:14px;font-weight:600}.assignment-score-section{flex-shrink:0;gap:15px}.assignment-score-section,.score-circle{align-items:center;display:flex;flex-direction:column}.score-circle{background-color:#f8f9fa;border:4px solid #28a745;border-radius:50%;height:100px;justify-content:center;width:100px}.percentage{color:#28a745;font-size:24px;font-weight:700}.grade-letter{color:#28a745;font-size:16px;font-weight:600}.view-details-btn{align-items:center;background-color:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:10px 20px;text-decoration:none;transition:all .3s ease}.view-details-btn:hover{background-color:#5568d3;box-shadow:0 4px 12px #667eea66;color:#fff;transform:translateY(-2px)}.error-state,.loading-state{padding:60px 20px;text-align:center}.loading-state i{color:#28a745;font-size:48px;margin-bottom:20px}.loading-state h2{color:#666;font-size:20px}.error-state{background-color:#fff3cd;border:1px solid #ffc107;border-radius:8px;margin:50px auto;max-width:600px}.error-state i{color:#ff6b6b;font-size:48px;margin-bottom:20px}.error-state h2{color:#856404;margin-bottom:15px}.error-state p{color:#856404;font-size:16px}.error-details{color:#666;font-family:monospace;font-size:14px;margin-top:10px}.error-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:25px}.btn-logout,.btn-retry{align-items:center;border:none;border-radius:5px;cursor:pointer;display:flex;font-size:16px;gap:8px;padding:12px 30px;transition:all .3s ease}.btn-logout{background-color:#28a745;color:#fff}.btn-logout:hover{background-color:#218838}.btn-retry{background-color:#007bff;color:#fff}.btn-retry:hover{background-color:#0056b3}.no-assignments{padding:60px 20px;text-align:center}.no-assignments i{color:#ccc;font-size:64px;margin-bottom:20px}.no-assignments h3{color:#666;margin-bottom:10px}.no-assignments p{color:#999;font-size:16px}.back-btn{background-color:#667eea;border-radius:8px;color:#fff;gap:8px;padding:10px 20px;text-decoration:none;transition:all .3s ease}.back-btn:hover{background-color:#5568d3;color:#fff}@media only screen and (max-width:768px){.history-content{padding:15px}.history-header{padding:20px}.student-header-info{align-items:flex-start;flex-direction:column;gap:15px}.history-header h1{font-size:22px}.stats-overview{gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-value{font-size:24px}.assignment-history-card{align-items:flex-start;flex-direction:column}.assignment-score-section{flex-direction:row;justify-content:space-between;width:100%}.assignments-history{padding:20px}.assignments-history h2{font-size:20px}}@media only screen and (max-width:600px){.history-header h1{font-size:20px}.stat-card{padding:15px}.stat-icon{height:40px;width:40px}.stat-value{font-size:20px}.assignment-title{font-size:16px}.assignment-number{font-size:16px;height:40px;width:40px}.score-circle{height:80px;width:80px}.percentage{font-size:20px}.grade-letter{font-size:14px}}.pricing-page-new{background-color:#f8fafc;color:#1e293b;font-family:Outfit,sans-serif;min-height:100vh}.pricing-container{margin:0 auto;max-width:1200px;padding:4rem 2rem}.pricing-header{margin-bottom:4rem;text-align:center}.pricing-header h1{color:#0f172a;font-size:3rem;font-weight:800;letter-spacing:-.02em;margin-bottom:1rem}.pricing-header p{color:#64748b;font-size:1.25rem;margin:0 auto;max-width:600px}.pricing-grid-new{grid-gap:2rem;align-items:stretch;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.pricing-section{background:#fff;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -2px #0000000d;display:flex;flex-direction:column;padding:3rem 2rem;position:relative;transition:all .3s ease}.pricing-section:hover{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;transform:translateY(-8px)}.pricing-section.featured{border:2px solid #ec4899;transform:scale(1.05)}.pricing-section.featured:hover{transform:scale(1.05) translateY(-8px)}.popular-tag{background:#ec4899;border-radius:999px;color:#fff;font-size:.875rem;font-weight:700;left:50%;letter-spacing:.05em;padding:.5rem 1.5rem;position:absolute;top:0;transform:translate(-50%,-50%);white-space:nowrap}.section-icon{align-items:center;background:#f1f5f9;border-radius:20px;display:flex;height:80px;justify-content:center;margin-bottom:2rem;width:80px}.pricing-section h2{color:#0f172a;font-size:1.75rem;font-weight:700;margin-bottom:1rem}.section-description{color:#64748b;flex-grow:0;line-height:1.6;margin-bottom:2rem}.section-offer{align-items:center;background:#f0f9ff;border-radius:12px;color:#0369a1;display:flex;font-size:.95rem;font-weight:500;gap:.75rem;padding:1rem}.pricing-info,.section-offer{margin-bottom:2rem}.price-item{display:flex;flex-direction:column;margin-bottom:1rem}.price-item .amount{color:#0f172a;font-size:2.5rem;font-weight:800;line-height:1}.price-item .period{color:#64748b;font-size:.95rem;margin-top:.25rem}.price-item.annual .annual-top{align-items:center;display:flex;gap:.5rem;margin-bottom:.25rem}.old-price{color:#94a3b8;font-size:1.1rem;text-decoration:line-through}.discount-tag{background:#dcfce7;border-radius:6px;color:#15803d;font-size:.75rem;font-weight:700;padding:.25rem .5rem}.teacher-bonus{background:#fff5f7;border:1px dashed #f9a8d4;border-radius:12px;color:#be185d;font-size:.95rem;margin-bottom:1.5rem;padding:1rem}.section-instructions{color:#64748b;flex-grow:1;font-size:.9rem;line-height:1.5;margin-bottom:2rem}.feature-list{flex-grow:1;list-style:none;margin:0 0 2rem;padding:0}.feature-list li{align-items:center;color:#475569;display:flex;font-size:.95rem;gap:.75rem;margin-bottom:.75rem}.feature-list li svg{color:#10b981;flex-shrink:0}.pricing-btn-new{border-radius:12px;display:block;font-weight:700;padding:1rem 2rem;text-align:center;text-decoration:none;transition:all .2s ease;width:100%}.academy-btn{background:#6366f1;color:#fff}.academy-btn:hover{background:#4f46e5;transform:scale(1.02)}.teacher-btn{background:#ec4899;color:#fff}.teacher-btn:hover{background:#db2777;transform:scale(1.02)}.student-btn{background:#10b981;color:#fff}.student-btn:hover{background:#059669;transform:scale(1.02)}.pricing-footer-info{color:#64748b;margin-top:4rem;text-align:center}.pricing-footer-info a{color:#6366f1;font-weight:600;text-decoration:none}@media (max-width:1024px){.pricing-grid-new{grid-template-columns:1fr;margin:0 auto;max-width:500px}.pricing-section.featured{order:-1;transform:none}.pricing-section.featured:hover{transform:translateY(-8px)}.pricing-header h1{font-size:2.25rem}}.pricing-table-container{margin-bottom:1.5rem;margin-top:1rem;width:100%}.table-subtitle{color:#64748b;font-size:.9rem;font-weight:500;margin-bottom:.75rem}.teacher-tiers-table{border:1px solid #f1f5f9;border-collapse:initial;border-radius:12px;border-spacing:0;font-size:.875rem;overflow:hidden;width:100%}.teacher-tiers-table th{background-color:#f8fafc;border-bottom:1px solid #e2e8f0;color:#475569;font-weight:600;padding:.75rem .5rem;text-align:center}.teacher-tiers-table td:first-child,.teacher-tiers-table th:first-child{padding-left:1rem;text-align:left}.teacher-tiers-table td{border-bottom:1px solid #f1f5f9;color:#334155;font-weight:500;padding:.75rem .5rem;text-align:center}.teacher-tiers-table tr:last-child td{border-bottom:none}.teacher-tiers-table tr:hover td{background-color:#fff1f2}.teacher-tiers-table td.tier-name{color:#0f172a;font-weight:600}.category-label{color:#ec4899;font-size:.75rem;font-weight:700;margin-left:.25rem}.student-plans-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem;margin-top:1rem;width:100%}.student-plan-row{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;justify-content:space-between;padding:.875rem 1.25rem;transition:all .2s ease}.student-plan-row:hover{background:#f0fdf4;border-color:#10b981;transform:translateY(-1px)}.plan-period{color:#475569;font-size:.95rem;font-weight:500}.plan-price{color:#0f172a;font-size:1.1rem;font-weight:700}.student-plan-row.font-bold-row{background:#f0fdf4;border:2px solid #10b981;box-shadow:0 4px 6px -1px #10b9811a}.student-plan-row.font-bold-row .plan-period{color:#065f46;font-weight:700}.student-plan-row.font-bold-row .plan-price{color:#047857;font-size:1.25rem}.free-trial-highlight-box{align-items:center;background:#f5f3ff;border:1px dashed #c084fc;border-radius:16px;box-shadow:0 4px 6px -1px #7c3aed0d;display:flex;gap:1rem;margin-bottom:.5rem;margin-top:1rem;padding:1rem 1.25rem;text-align:left;transition:all .3s ease}.free-trial-highlight-box:hover{background:#ede9fe;box-shadow:0 10px 15px -3px #7c3aed1a;transform:translateY(-1px)}.free-trial-highlight-box .gift-icon{filter:drop-shadow(0 2px 4px rgba(139,92,246,.2));font-size:1.75rem;line-height:1}.free-trial-text strong{color:#6d28d9;display:block;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:800;margin-bottom:.25rem}.free-trial-text p{color:#5b21b6;font-family:Outfit,sans-serif;font-size:.875rem;font-weight:500;line-height:1.4;margin:0}.comparison-section{margin-bottom:2rem;margin-top:5rem;text-align:center}.comparison-title{color:#0f172a;font-family:Outfit,sans-serif;font-size:2.25rem;font-weight:800;letter-spacing:-.02em;margin-bottom:.5rem}.comparison-subtitle{color:#64748b;font-family:Outfit,sans-serif;font-size:1.1rem;margin-bottom:3rem}.comparison-table-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 4px 6px -1px #00000008,0 2px 4px -2px #00000008;margin:0 auto;max-width:900px;overflow-x:auto;padding:1.5rem}.comparison-table{border-collapse:collapse;font-size:1rem;text-align:left;width:100%}.comparison-table th{border-bottom:2px solid #e2e8f0;color:#0f172a;font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:700;padding:1.25rem 1.5rem}.comparison-table th:first-child{width:40%}.comparison-table th:nth-child(2),.comparison-table th:nth-child(3){text-align:center}.comparison-table td{border-bottom:1px solid #f1f5f9;color:#475569;font-family:Outfit,sans-serif;font-weight:500;padding:1.25rem 1.5rem}.comparison-table tr:last-child td{border-bottom:none}.comparison-table tr:hover td{background:#f8fafc}.feature-desc{color:#0f172a!important}.feature-desc,.free-cell{font-weight:600!important}.free-cell{color:#ef4444!important;text-align:center}.premium-cell{background-color:#f0fdf4;border-radius:8px;color:#10b981!important;font-weight:700!important;text-align:center}.comparison-table tr:hover .premium-cell{background-color:#dcfce7}@media (max-width:768px){.comparison-title{font-size:1.75rem}.comparison-subtitle{font-size:.95rem;margin-bottom:2rem}.comparison-table td,.comparison-table th{font-size:.9rem;padding:.85rem 1rem}}.demo-accounts-banner{align-items:center;background:linear-gradient(135deg,#eef2ff,#fdf2f8);border:2px solid #c7d2fe;border-radius:24px;box-shadow:0 10px 30px #6366f114;display:flex;flex-direction:column;gap:1.25rem;margin-bottom:4.5rem;margin-top:-1.5rem;padding:1.75rem 2rem;text-align:center}.banner-header{align-items:center;display:flex;gap:.6rem}.banner-header h3{color:#312e81;font-size:1.6rem;font-weight:800}.banner-header h3,.banner-subtitle{font-family:Outfit,sans-serif;margin:0}.banner-subtitle{color:#4f46e5;font-size:1.05rem;font-weight:600;max-width:600px}.credentials-container{display:flex;gap:1.5rem;justify-content:center;max-width:600px;width:100%}.credential-card{background:#fff;border:1px solid #e0e7ff;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d;display:flex;flex:1 1;flex-direction:column;gap:.5rem;max-width:250px;padding:1rem 1.5rem;text-align:left}.credential-card h4{color:#1e1b4b;font-family:Outfit,sans-serif;font-size:1.15rem;font-weight:700;margin:0 0 .25rem}.credential-field{color:#475569;display:flex;font-family:Outfit,sans-serif;font-size:.95rem;justify-content:space-between}.credential-field span{color:#4338ca;font-weight:700}.banner-login-btn{background:linear-gradient(135deg,#4f46e5,#3730a3);border-radius:12px;box-shadow:0 4px 10px #4f46e54d;color:#fff;font-family:Outfit,sans-serif;font-weight:700;padding:.8rem 2.2rem;text-decoration:none;transition:all .2s ease}.banner-login-btn:hover{box-shadow:0 6px 15px #4f46e566;filter:brightness(1.15);transform:translateY(-2px)}.sparkle-icon{animation:bounceSparkle 2s ease-in-out infinite}@keyframes bounceSparkle{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.1)}}@media (max-width:640px){.credentials-container{align-items:center;flex-direction:column;gap:1rem}.credential-card{max-width:none;width:100%}.demo-accounts-banner{padding:1.25rem 1rem}.banner-header h3{font-size:1.3rem}.banner-subtitle{font-size:.95rem}}.promo-badge-container{display:flex;justify-content:center;margin-bottom:.75rem}.promo-badge-text{animation:pulseBadge 2s infinite;background:linear-gradient(135deg,#f59e0b,#ef4444);border-radius:8px;box-shadow:0 4px 10px #ef444440;color:#fff;font-family:Outfit,sans-serif;font-size:.75rem;font-weight:800;letter-spacing:.05em;padding:.3rem .8rem}.old-price-table{color:#94a3b8;font-size:.8em;font-weight:500;margin-right:.35rem;text-decoration:line-through}.new-price-table{color:#e11d48;font-family:Outfit,sans-serif;font-weight:750}@keyframes pulseBadge{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.fullscreen-toggle-btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172ab3;border:2px solid #ffffff4d;border-radius:50px;box-shadow:0 4px 15px #0003;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:.6rem;padding:.6rem 1.2rem;position:absolute;right:20px;top:20px;transition:all .3s ease;z-index:1000}.fullscreen-toggle-btn:hover{background:#0ea5e9;box-shadow:0 6px 20px #0ea5e966;transform:scale(1.05)}.fullscreen-toggle-btn:active{transform:scale(.98)}:-webkit-full-screen .fullscreen-toggle-btn{opacity:.5;right:30px;top:30px}:fullscreen .fullscreen-toggle-btn{opacity:.5;right:30px;top:30px}:-webkit-full-screen .fullscreen-toggle-btn:hover{opacity:1}:fullscreen .fullscreen-toggle-btn:hover{opacity:1}@media (max-width:768px){.fullscreen-toggle-btn span{display:none}.fullscreen-toggle-btn{padding:.6rem}}.math-racer-container{display:flex;flex-direction:column;margin:0 auto;max-width:1200px;min-height:calc(100vh - 80px);padding:2rem}.racer-header{align-items:center;display:flex;gap:2rem;margin-bottom:2rem}.racer-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b5cf6,#3b82f6);-webkit-background-clip:text;color:#1e293b;font-size:2.5rem;font-weight:800;margin:0}.back-button{border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px #0000000d;color:#64748b;cursor:pointer;padding:.75rem 1.25rem;transition:all .2s ease}.back-button:hover{background:#f8fafc;color:#1e293b;transform:translateX(-4px)}.racer-menu{align-items:center;background:#fff;border-radius:24px;box-shadow:0 10px 25px #0000000d;flex:1 1;flex-direction:column;padding:4rem 2rem;text-align:center}.racer-logo,.racer-menu{display:flex;justify-content:center}.racer-logo{animation:float 3s ease-in-out infinite;margin-bottom:1rem}.racer-logo .car-wrapper{margin:40px;transform:scale(2)}.racer-logo .car-label{display:none}.racer-menu h3{color:#1e293b;font-size:2rem;margin-bottom:.5rem}.racer-menu p{color:#64748b;font-size:1.1rem;line-height:1.6;margin-bottom:3rem;max-width:550px}.difficulty-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.diff-btn{align-items:center;border:none;border-radius:16px;box-shadow:0 4px 12px #00000026;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;gap:.5rem;padding:1rem 2rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.diff-btn:hover{transform:translateY(-4px) scale(1.05)}.diff-btn.easy{background:linear-gradient(135deg,#4ade80,#16a34a)}.diff-btn.medium{background:linear-gradient(135deg,#fbbf24,#d97706)}.diff-btn.hard{background:linear-gradient(135deg,#f87171,#dc2626)}.racer-gameplay{display:flex;flex:1 1;flex-direction:column;gap:1.5rem}.game-stats{background:#1e293b;border-radius:20px;box-shadow:0 10px 25px #0000001a;justify-content:space-between;padding:1.2rem 2rem}.stat-box{align-items:center;display:flex;gap:1rem}.stat-box span{font-feature-settings:"tnum";color:#fff;font-size:1.8rem;font-variant-numeric:tabular-nums;font-weight:800}.track-container{background:#e0f6ff;border-radius:24px;box-shadow:inset 0 10px 30px #0000004d;display:flex;flex:1 1;flex-direction:column;min-height:280px;overflow:hidden;position:relative}.sky-bg{background:linear-gradient(180deg,#87ceeb,#e0f6ff);height:50%;left:0;position:absolute;right:0;top:0;z-index:1}.mountains-bg{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='100'%3E%3Cpath d='m0 100 100-80 100 80 100-60 100 60Z' fill='%2394a3b8'/%3E%3Cpath d='m50 60 50-40 50 40ZM250 70l50-30 50 30Z' fill='%23cbd5e1'/%3E%3C/svg%3E");background-size:400px 100%;height:35%;top:15%;z-index:2}.mountains-bg,.trees-bg{background-repeat:repeat-x;left:0;position:absolute;width:200%}.trees-bg{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='100'%3E%3Cpath d='M50 100V70m-30 0 30-50 30 50Z' stroke='%23654321' stroke-width='4' fill='%23228B22'/%3E%3Cpath d='m35 70 15-30 15 30Z' fill='%232E8B57'/%3E%3Cpath d='M150 100V60m-30 0 30-50 30 50Z' stroke='%23654321' stroke-width='4' fill='%231f7a1f'/%3E%3C/svg%3E");background-size:200px 100%;height:15%;top:35%;z-index:3}.road{background:#475569;border-top:4px solid #16a34a;height:50%;left:0;right:0;z-index:4}.finish-line-container,.road{bottom:0;display:flex;flex-direction:column;position:absolute}.finish-line-container{top:0;width:50px;z-index:5}.finish-line-checkered{background:repeating-linear-gradient(45deg,#fff,#fff 10px,#000 0,#000 20px);border-left:2px solid #fff;border-right:2px solid #fff;box-shadow:-5px 0 10px #0003;flex:1 1;width:100%}.finish-banner{background:#ef4444;border:2px solid #b91c1c;border-radius:4px;box-shadow:0 4px 6px #0000004d;color:#fff;font-size:1.2rem;font-weight:900;left:-40px;letter-spacing:2px;padding:4px 0;position:absolute;right:-40px;text-align:center;top:-30px;z-index:20}.finish-pole{background:linear-gradient(90deg,#94a3b8,#64748b,#94a3b8);bottom:0;position:absolute;top:-40px;width:6px;z-index:19}.finish-pole.left-pole{left:0}.finish-pole.right-pole{right:0}.finish-flag{filter:drop-shadow(0 2px 2px rgba(0,0,0,.5));font-size:1.5rem;left:-10px;position:absolute;top:-15px}.lane{align-items:center;display:flex;flex:1 1;position:relative}.player-lane{background:#0000001a}.lane-marker{background-image:linear-gradient(90deg,#fff9 50%,#0000 0);background-size:80px 100%;bottom:0;height:3px;left:0;position:absolute;width:200%}.is-moving .mountains-bg{animation:scrollLeft 30s linear infinite}.is-moving .trees-bg{animation:scrollLeft 10s linear infinite}.is-moving .lane-marker{animation:scrollLeft .5s linear infinite}.is-moving .exhaust-smoke{animation:puff .5s ease-out infinite}.stalling{animation:stall .5s ease}.spin-animation{animation:spin 1s linear infinite}@keyframes scrollLeft{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.racer-car{position:absolute;top:50%;transform:translateY(-50%);transition:left .5s cubic-bezier(.4,0,.2,1);z-index:10}.player-car{z-index:15}.bot-car{z-index:10}.car-wrapper{align-items:center;display:flex;flex-direction:column;transform:translateY(-5px)}.car-label{background:#0009;border-radius:4px;color:#fff;font-size:.75rem;font-weight:800;margin-bottom:2px;padding:2px 6px;white-space:nowrap}@keyframes puff{0%{opacity:.8;transform:scale(1) translateX(0)}to{opacity:0;transform:scale(2) translateX(-10px)}}.delay-1{animation-delay:.25s!important}.racer-car.accelerating .car-wrapper{animation:bumpForward .3s ease-out}.racer-car.stalling .car-wrapper{animation:shakeCar .4s ease-in-out;filter:grayscale(1) brightness(.6)}@keyframes bumpForward{0%{transform:translateY(-5px) scale(1)}50%{transform:translateY(-5px) scale(1.1) translateX(15px)}to{transform:translateY(-5px) scale(1)}}@keyframes shakeCar{0%,to{transform:translateY(-5px) translateX(0)}25%{transform:translateY(-5px) translateX(-8px)}75%{transform:translateY(-5px) translateX(8px)}}.problem-container{align-items:center;background:#fff;border-radius:24px;box-shadow:0 10px 25px #0000000d;display:flex;flex-direction:column;gap:1.5rem;padding:2.5rem;transition:all .2s ease}.problem-container.correct{background:#f0fdf4;border:2px solid #4ade80}.problem-container.wrong{animation:shake .4s cubic-bezier(.36,.07,.19,.97) both;background:#fef2f2;border:2px solid #f87171}.problem-text{color:#1e293b;font-size:2.5rem;font-weight:800;letter-spacing:2px}.math-racer-options{display:flex;gap:10px;justify-content:center}.racer-option-btn{background:#fff;border:3px solid #cbd5e1;border-radius:12px;color:#1e293b;cursor:pointer;font-size:1.5rem;font-weight:800;min-width:60px;padding:8px 16px;transition:all .1s}.racer-option-btn:hover{background:#f1f5f9;border-color:#94a3b8;transform:translateY(-2px)}.racer-option-btn:active{background:#e2e8f0;transform:translateY(2px)}.problem-container.correct .answer-input{border-color:#4ade80;color:#16a34a}.problem-container.wrong .answer-input{border-color:#f87171;color:#dc2626}.racer-gameover{align-items:center;animation:popIn .5s cubic-bezier(.175,.885,.32,1.275);background:#fff;border-radius:24px;box-shadow:0 10px 25px #0000000d;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.racer-gameover h2{color:#1e293b;font-size:3rem;margin-bottom:2rem}.results-podium{display:flex;gap:2rem;margin-bottom:3rem}.final-placement,.final-score{align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:24px;display:flex;flex-direction:column;padding:2rem 3rem}.final-placement{background:#ecfdf5;border-color:#34d399}.final-score{background:#fffbeb;border-color:#fcd34d}.final-placement h3{color:#059669}.final-placement h3,.final-score h3{font-size:3rem;font-weight:900;margin:1rem 0 .5rem}.final-score h3{color:#d97706}.results-podium p{color:#64748b;font-size:1.1rem;font-weight:700;letter-spacing:1px;text-transform:uppercase}.gameover-actions{display:flex;gap:1.5rem}.play-again-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:16px;box-shadow:0 4px 12px #2563eb33;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;gap:.5rem;padding:1rem 2.5rem;transition:all .2s ease}.play-again-btn:hover{box-shadow:0 8px 16px #2563eb4d;transform:translateY(-2px)}.menu-btn{background:#f1f5f9;border:none;border-radius:16px;color:#475569;cursor:pointer;font-size:1.2rem;font-weight:700;padding:1rem 2.5rem;transition:all .2s ease}.menu-btn:hover{background:#e2e8f0;color:#1e293b}.game-mode-tabs{background:#f1f5f9;border-radius:16px;display:flex;gap:6px;margin-bottom:2rem;max-width:600px;padding:6px;width:100%}.mode-tab{background:#0000;border:none;border-radius:12px;color:#475569;cursor:pointer;flex:1 1;font-size:1.05rem;font-weight:700;padding:12px 20px;transition:all .25s cubic-bezier(.4,0,.2,1)}.mode-tab.active{background:#fff;box-shadow:0 4px 12px #00000014;color:#1e293b}.multiplayer-actions-panel{display:flex;gap:2rem;margin-top:1rem;max-width:900px;width:100%}.host-section-card,.join-section-card{align-items:center;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:20px;display:flex;flex:1 1;flex-direction:column;padding:2.5rem 2rem;text-align:center;transition:all .3s ease}.host-section-card:hover,.join-section-card:hover{background:#f0f7ff;border-color:#3b82f6}.host-section-card h4,.join-section-card h4{color:#1e293b;font-size:1.4rem;font-weight:800;margin-bottom:.5rem}.host-section-card p,.join-section-card p{color:#64748b;font-size:.95rem;margin-bottom:1.5rem}.btn-multi-host{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:12px;box-shadow:0 4px 12px #1d4ed833;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;max-width:250px;padding:12px 24px;transition:all .2s;width:100%}.btn-multi-host:hover{box-shadow:0 6px 16px #1d4ed84d;transform:translateY(-2px)}.join-divider{align-items:center;color:#94a3b8;display:flex;font-size:1.2rem;font-weight:800;justify-content:center}.join-input-group{display:flex;gap:10px;max-width:320px;width:100%}.multi-join-input{border:2px solid #cbd5e1;border-radius:12px;color:#1e293b;flex:1 1;font-size:1.1rem;font-weight:700;outline:none;padding:12px 16px;text-align:center;text-transform:uppercase}.multi-join-input:focus{border-color:#3b82f6}.btn-multi-join{background:#10b981;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.05rem;font-weight:700;padding:12px 20px;transition:all .2s}.btn-multi-join:hover{background:#059669;transform:translateY(-2px)}.racer-lobby-panel{background:#fff;border-radius:24px;box-shadow:0 10px 25px #0000000d;display:flex;flex-direction:column;gap:2rem;margin:0 auto;max-width:800px;padding:3rem;width:100%}.lobby-header-row{align-items:center;border-bottom:2px solid #f1f5f9;display:flex;justify-content:space-between;padding-bottom:1rem}.lobby-header-row h3{color:#1e293b;font-size:1.8rem;font-weight:800;margin:0}.btn-leave-lobby{background:#f1f5f9;border:none;border-radius:8px;color:#64748b;cursor:pointer;font-weight:600;padding:8px 16px;transition:all .2s}.btn-leave-lobby:hover{background:#e2e8f0;color:#ef4444}.room-code-display-card{align-items:center;background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:20px;color:#fff;display:flex;flex-direction:column;overflow:hidden;padding:2rem;position:relative}.room-code-display-card:before{background:#3b82f61a;border-radius:50%;content:"";filter:blur(40px);height:250px;position:absolute;right:-30%;top:-50%;width:250px}.room-label{color:#94a3b8;font-size:.85rem;font-weight:800;letter-spacing:2px;margin-bottom:.5rem}.code-badge-group{align-items:center;display:flex;gap:1.5rem;margin-bottom:.75rem}.room-code-value{color:#3b82f6;font-family:monospace;font-size:3.5rem;font-weight:900;letter-spacing:8px}.btn-copy-code{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:6px;padding:6px 14px;transition:all .2s}.btn-copy-code:hover{background:#fff3}.server-status-label{color:#10b981;font-size:.95rem;font-weight:700;margin:0}.lobby-players-grid{display:flex;flex-direction:column;gap:1rem}.lobby-players-grid h4{color:#475569;font-size:1.1rem;font-weight:800;letter-spacing:1px;margin:0;text-transform:uppercase}.roster-list{display:flex;flex-direction:column;gap:8px}.roster-player-item{align-items:center;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;display:flex;gap:1rem;padding:12px 1.5rem}.player-badge-color{border-radius:50%;box-shadow:0 0 8px #00000026;height:16px;width:16px}.player-profile-detail{align-items:center;display:flex;flex:1 1;gap:10px}.roster-player-name{color:#1e293b;font-size:1.1rem;font-weight:700}.roster-player-rank{background:#e2e8f0;border-radius:4px;color:#475569;font-size:.75rem;font-weight:700;padding:2px 8px}.ready-indicator{color:#10b981;font-size:.9rem;font-weight:700}.empty-roster-state{align-items:center;color:#94a3b8;display:flex;flex-direction:column;gap:10px;justify-content:center;padding:2rem}.host-launch-panel{border-top:2px solid #f1f5f9;display:flex;flex-direction:column;gap:1rem;padding-top:1.5rem}.host-launch-panel h4{color:#475569;font-size:1.1rem;font-weight:800;margin:0}.guest-waiting-panel{align-items:center;background:#fffbeb;border:1.5px solid #fde68a;border-radius:12px;display:flex;gap:12px;justify-content:center;padding:1rem}.guest-waiting-panel p{color:#b45309;font-size:1rem;font-weight:700;margin:0}.guest-spinner{animation:spin 1s linear infinite;border:3px solid #b45309;border-radius:50%;border-top-color:#0000;height:18px;width:18px}.multiplayer-leaderboard-card{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:20px;margin-bottom:2rem;max-width:500px;padding:1.5rem 2rem;text-align:left;width:100%}.multiplayer-leaderboard-card h3{color:#1e293b;font-size:1.3rem;font-weight:800;margin-bottom:1.2rem;text-align:center}.leaderboard-list{display:flex;flex-direction:column;gap:8px}.leaderboard-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:12px;padding:10px 1.2rem}.leaderboard-item.highlight-me{background:#f0f7ff;border-color:#3b82f6;box-shadow:0 4px 10px #3b82f614}.rank-number{font-size:1.2rem;font-weight:900;text-align:center;width:24px}.player-info{display:flex;flex:1 1;flex-direction:column}.player-info .player-name{color:#1e293b;font-size:1rem;font-weight:700}.player-info .player-score{color:#64748b;font-size:.8rem;font-weight:600}.finish-time-badge{background:#e2e8f0;border-radius:6px;color:#475569;font-size:.85rem;font-weight:800;padding:4px 10px}.leaderboard-item.rank-1 .finish-time-badge{background:#fffbeb;color:#b45309}.leaderboard-item.rank-2 .finish-time-badge{background:#f1f5f9;color:#475569}.leaderboard-item.rank-3 .finish-time-badge{background:#fdf4ff;color:#a21caf}@media (max-width:768px){.math-racer-container{min-height:calc(100vh - 60px);padding:.5rem}.racer-header{margin-bottom:1rem}.racer-header h2{font-size:1.5rem}.back-button{font-size:.9rem;padding:.5rem 1rem}.difficulty-buttons{flex-direction:column;max-width:300px;width:100%}.diff-btn{font-size:1rem;justify-content:center;padding:.8rem;width:100%}.racer-menu{padding:2rem 1rem}.game-stats{padding:.8rem 1rem}.stat-box span{font-size:1.2rem}.stat-box svg{height:20px;width:20px}.track-container{min-height:180px}.racer-car{transform:scale(.8)}.problem-container{gap:.5rem;padding:1rem}.problem-text{font-size:1.6rem}.racer-option-btn{font-size:1.2rem;min-width:50px;padding:.5rem .8rem}.answer-input{border-radius:12px;font-size:2rem;padding:.5rem;width:120px}.results-podium{flex-direction:column;gap:1rem;margin-bottom:2rem}.final-placement,.final-score{padding:1rem}.final-placement h3,.final-score h3{font-size:2rem;margin:.5rem 0}.gameover-actions{flex-direction:column;max-width:300px;width:100%}.menu-btn,.play-again-btn{justify-content:center;padding:.8rem;width:100%}.game-mode-tabs{flex-direction:column;width:100%}.mode-tab{font-size:.95rem;padding:10px}.multiplayer-actions-panel{flex-direction:column;gap:1rem;width:100%}.host-section-card,.join-section-card{padding:1.5rem 1rem}.join-divider{margin:.5rem 0}.join-input-group{flex-direction:column;width:100%}.racer-lobby-panel{gap:1.2rem;padding:1.5rem 1rem}.code-badge-group{flex-direction:column;gap:8px}.room-code-value{font-size:2.2rem;letter-spacing:4px}.multiplayer-leaderboard-card{margin-bottom:1.5rem;padding:1rem}.racer-essay-input-container{gap:.5rem;max-width:240px}.racer-essay-input{border-radius:8px;border-width:2px;font-size:1.15rem;padding:6px 10px}.racer-essay-submit-btn{border-radius:8px;font-size:1rem;padding:6px 16px}.racer-keypad{gap:4px}.racer-keypad-btn{border-radius:8px;box-shadow:0 1.5px 0 #cbd5e1;font-size:1.05rem;padding:8px}.racer-keypad-btn.clear{box-shadow:0 1.5px 0 #fca5a5}.racer-keypad-btn:active{transform:translateY(1.5px)}.racer-abacus-display-table td{font-size:1.5rem;padding:5px 12px}.racer-abacus-display-table .val-cell{min-width:50px}}.custom-race-banner{align-items:center;background:linear-gradient(135deg,#fffbeb,#fef3c7);border:2px solid #f59e0b;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d;display:flex;flex-direction:column;gap:.5rem;margin-bottom:2rem;max-width:600px;padding:1.5rem;width:100%}.custom-race-banner .banner-badge{background:#f59e0b;border-radius:9999px;color:#fff;font-size:.75rem;font-weight:800;letter-spacing:1px;padding:4px 10px}.custom-race-banner .banner-title{color:#78350f;font-size:1rem;line-height:1.5;margin:0}.clear-custom-btn{background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:700;margin-top:4px;padding:6px 12px;transition:background .2s}.clear-custom-btn:hover{background:#dc2626}.lobby-custom-badge{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #10b981;border-radius:12px;color:#065f46;font-size:1rem;font-weight:800;padding:8px 16px;text-align:center}.racer-abacus-grid-view{display:flex;justify-content:center;margin-bottom:1.5rem}.racer-abacus-display-table{background:#fff;border:3px solid #1e293b;border-collapse:collapse;border-radius:8px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.racer-abacus-display-table td{color:#1e293b;font-size:2.2rem;font-weight:900;padding:10px 18px;text-align:center}.racer-abacus-display-table tr{border-bottom:2px solid #e2e8f0}.racer-abacus-display-table tr:last-child{border-bottom:none;border-top:3px solid #1e293b}.racer-abacus-display-table .op-cell{color:#64748b;width:40px}.racer-abacus-display-table .val-cell{min-width:80px}.racer-essay-input-container{align-items:center;display:flex;flex-direction:column;gap:.75rem;max-width:280px;width:100%}.racer-essay-input-row{display:flex;gap:6px;width:100%}.racer-essay-input{border:2px solid #cbd5e1;border-radius:10px;color:#1e293b;flex:1 1;font-size:1.25rem;font-weight:800;outline:none;padding:8px 12px;text-align:center}.racer-essay-input:focus{border-color:#3b82f6}.racer-essay-submit-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:800;padding:8px 20px;transition:transform .1s}.racer-essay-submit-btn:active{transform:scale(.95)}.racer-keypad{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(3,1fr);width:100%}.racer-keypad-btn{border:none;border-radius:10px;box-shadow:0 2px 0 #cbd5e1;cursor:pointer;font-size:1.15rem;font-weight:800;padding:10px;transition:background .15s,transform .1s}.racer-keypad-btn:active{box-shadow:none;transform:translateY(2px)}.racer-keypad-btn.digit{background:linear-gradient(180deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;color:#1e293b}.racer-keypad-btn.digit:hover{background:#e2e8f0}.racer-keypad-btn.clear{background:linear-gradient(180deg,#fee2e2,#fecaca);border:1px solid #fca5a5;box-shadow:0 2px 0 #fca5a5;color:#dc2626}.racer-keypad-btn.clear:hover{background:#fca5a5}.math-racer-graph-options{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);max-width:500px;width:100%}.racer-graph-option-btn{align-items:center;background:#fff;border:3px solid #e2e8f0;border-radius:16px;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s}.racer-graph-option-btn:hover{border-color:#3b82f6;transform:translateY(-2px)}.racer-graph-option-btn img{border-radius:8px;max-height:120px;max-width:100%;object-fit:contain}.racer-question-image-wrapper{display:flex;justify-content:center;margin-bottom:1rem;width:100%}.racer-question-image{border:2px solid #e2e8f0;border-radius:12px;max-height:140px;max-width:90%;object-fit:contain}.question-overlay{align-items:center;animation:fadeIn .3s ease-out;background:#fffffffa;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.overlay-card{border:1px solid #f1f5f9;border-radius:40px;box-shadow:0 40px 100px #0000001a;max-width:600px;overflow:hidden;padding:3rem;position:relative;text-align:center;width:90%}.glass,.overlay-card{background:#fff}.icon-wrapper{animation:bounce 2s infinite;color:#3b82f6;margin-bottom:2rem}.overlay-title{color:#1e293b;font-size:2rem;font-weight:900;margin-bottom:1rem}.overlay-subtitle{color:#64748b;font-size:1.25rem;margin-bottom:2.5rem}.progress-bar{background:#f1f5f9;border-radius:6px;height:12px;margin-bottom:3rem;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#3b82f6,#60a5fa);transition:width .4s cubic-bezier(.4,0,.2,1)}.problem-box{background:#f8fafc;border:4px solid #f1f5f9;color:#1e293b;font-size:2.5rem;margin-bottom:2.5rem}.options-grid{grid-gap:1.2rem;display:grid;gap:1.2rem;grid-template-columns:repeat(4,1fr);width:100%}@media (max-width:768px){.options-grid{grid-template-columns:repeat(2,1fr)}}.option-btn{background:#fff;border:4px solid #f1f5f9;border-radius:20px;box-shadow:0 8px 0 #f1f5f9;color:#1e293b;cursor:pointer;font-size:1.5rem;font-weight:800;padding:1.2rem;transition:all .2s ease}.option-btn:hover{background:#3b82f6;border-color:#2563eb;box-shadow:0 12px 0 #2563eb;color:#fff;transform:translateY(-4px)}.option-btn:active{box-shadow:0 4px 0 #2563eb;transform:translateY(2px)}.feedback{animation:slideUp .3s ease-out;border-radius:16px;font-size:1.1rem;font-weight:700;margin-top:2.5rem;padding:1.2rem}.feedback.correct{background:#dcfce7;border:1px solid #bbf7d0;color:#15803d}.feedback.wrong{background:#fee2e2;border:1px solid #fecaca;color:#b91c1c}@media (max-width:480px){.overlay-card{border-radius:32px;padding:2rem 1.5rem}.problem-box{font-size:1.8rem;margin-bottom:2rem;padding:1.5rem}.overlay-title{font-size:1.5rem}.option-btn{border-radius:16px;font-size:1.2rem;padding:1rem}}.super-mario-page{background-color:#f0f9ff;font-family:Outfit,sans-serif;min-height:100vh}.super-mario-container{margin:0 auto;max-width:1200px;padding:1.5rem}.super-mario-header{margin-bottom:1.5rem}.super-mario-menu{animation:slideUp .5s ease-out;background:#fff;border-radius:32px;box-shadow:0 20px 50px #0000000d;padding:3rem;text-align:center}.super-mario-menu h1{color:#1e293b;font-size:3rem;font-weight:900;margin-bottom:1rem}.super-mario-menu p{color:#64748b;font-size:1.25rem;margin-bottom:2rem}.super-mario-iframe{background:#000;border:none}.super-mario-lock-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172acc;display:flex;inset:0;justify-content:center;position:absolute;z-index:100}@media (max-width:768px){.super-mario-menu{padding:2rem 1rem}.super-mario-menu h1{font-size:2.2rem}.game-view-area{aspect-ratio:4/3;min-height:400px}.math-problem-box{font-size:2rem;padding:1.5rem}}@media (max-width:480px){.super-mario-container{padding:.5rem}.lock-card{border-radius:20px;padding:1.2rem;width:95%}.lock-icon{height:60px;margin-bottom:.5rem;width:50px}.math-problem-box{font-size:1.6rem;margin-bottom:1rem;padding:.8rem}.math-opt-button{border-radius:10px;font-size:1.2rem;min-width:0;padding:.6rem}.math-options-grid{gap:.5rem}}.cave-runner-page{background-color:#f0f9ff;display:flex;flex-direction:column;font-family:Outfit,sans-serif;min-height:100vh}.game-wrapper{flex:1 1;flex-direction:column;margin:0 auto;max-width:1200px;padding:1.5rem}.game-header-top,.game-wrapper{box-sizing:border-box;display:flex;width:100%}.game-header-top{align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding:0 1rem}.back-btn{border:3px solid #e2e8f0;box-shadow:0 4px 0 #e2e8f0;color:#1e293b;padding:.75rem 1.5rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.back-btn:hover{box-shadow:0 6px 0 #e2e8f0;transform:translateY(-2px)}.hud{align-items:center;gap:2.5rem}.hud,.lives{display:flex}.lives{gap:.6rem}.score-board{align-items:center;background:#1e293b;border-radius:20px;box-shadow:0 8px 0 #0000001a;color:#fff;display:flex;font-size:1.5rem;font-weight:900;gap:1rem;padding:.75rem 2rem}.game-area-premium{background:linear-gradient(180deg,#dcfce7 0,#f0fdf4);border:12px solid #fff;border-radius:48px;box-shadow:0 40px 80px -20px #22c55e33;display:flex;flex-direction:column;min-height:600px;overflow:hidden;position:relative;width:100%}.sky-layer.sunny{background:linear-gradient(180deg,#f0f9ff 0,#e0f2fe);inset:0;position:absolute;z-index:1}.sun-bright{animation:sunPulse 4s ease-in-out infinite;filter:drop-shadow(0 0 40px #fde047);position:absolute;right:60px;top:40px;z-index:2}@keyframes sunPulse{0%,to{filter:drop-shadow(0 0 40px #fde047);transform:scale(1)}50%{filter:drop-shadow(0 0 60px #fde047);transform:scale(1.15)}}.sun-glow-bright{background:radial-gradient(circle,#fde04766 0,#0000 70%);height:700px;pointer-events:none;position:absolute;right:-150px;top:-150px;width:700px;z-index:1}.clouds-container{inset:0;position:absolute;z-index:2}.cloud-p{animation:floatClouds 20s linear infinite;background:#fffffff2;border-radius:100px;filter:blur(1px);position:absolute}.cloud-p:after,.cloud-p:before{background:inherit;border-radius:50%;content:"";position:absolute}.p1{animation-duration:35s;height:40px;left:10%;top:10%;width:120px}.p1:before{height:60px;left:15px;top:-30px;width:60px}.p1:after{height:50px;left:45px;top:-20px;width:50px}.p2{animation-duration:25s;height:30px;left:50%;top:25%;width:100px}.p2:before{height:50px;left:10px;top:-25px;width:50px}.p2:after{height:40px;left:40px;top:-15px;width:40px}.p3{animation-duration:45s;height:50px;left:80%;top:15%;width:150px}.p3:before{height:70px;left:20px;top:-35px;width:70px}.p3:after{height:60px;left:60px;top:-25px;width:60px}@keyframes floatClouds{0%{transform:translateX(1200px)}to{transform:translateX(-400px)}}.mountains-container{bottom:120px;height:300px;position:absolute;width:100%;z-index:2}.mountain-p{bottom:0;height:100%;position:absolute;width:200%}.mountain-p.far{animation:scrollBG 60s linear infinite;background:linear-gradient(0deg,#93c5fd 0,#0000);-webkit-clip-path:polygon(0 100%,5% 40%,10% 80%,15% 20%,20% 60%,25% 10%,30% 70%,35% 30%,40% 90%,45% 40%,50% 100%,55% 40%,60% 80%,65% 20%,70% 60%,75% 10%,80% 70%,85% 30%,90% 90%,95% 40%,100% 100%);clip-path:polygon(0 100%,5% 40%,10% 80%,15% 20%,20% 60%,25% 10%,30% 70%,35% 30%,40% 90%,45% 40%,50% 100%,55% 40%,60% 80%,65% 20%,70% 60%,75% 10%,80% 70%,85% 30%,90% 90%,95% 40%,100% 100%);opacity:.4}.mountain-p.mid{animation:scrollBG 40s linear infinite;background:linear-gradient(0deg,#60a5fa 0,#0000);-webkit-clip-path:polygon(0 100%,10% 30%,20% 70%,30% 10%,40% 60%,50% 20%,60% 80%,70% 40%,80% 90%,90% 50%,100% 100%);clip-path:polygon(0 100%,10% 30%,20% 70%,30% 10%,40% 60%,50% 20%,60% 80%,70% 40%,80% 90%,90% 50%,100% 100%);height:200px;opacity:.6}@keyframes scrollBG{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.ground-world{bottom:0;height:120px;position:absolute;width:100%;z-index:10}.ground-surface{display:flex;height:100%;width:100%}.surface-part{background:#4ade80;border-top:8px solid #22c55e;box-shadow:inset 0 -15px 0 #0000000d}.surface-part.full{width:100%}.surface-gap{background:#0000;position:relative}.surface-gap:after{background:linear-gradient(180deg,#0003 0,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.bunny-node{bottom:120px;height:100px;left:20%;position:absolute;width:120px;z-index:20}.bunny-svg{filter:drop-shadow(0 12px 20px rgba(0,0,0,.15));height:100%;width:100%}.bunny-node.running .bunny-svg{animation:bunnyRunAnim .3s ease-in-out infinite alternate}@keyframes bunnyRunAnim{0%{transform:translateY(0) rotate(-2deg)}to{transform:translateY(-12px) rotate(2deg)}}.bunny-node.jumping{animation:premiumJump .7s cubic-bezier(.4,0,.2,1)}@keyframes premiumJump{0%{bottom:120px;transform:rotate(0deg)}40%{bottom:420px;transform:rotate(10deg)}60%{bottom:420px;transform:rotate(5deg)}to{bottom:120px;transform:rotate(0deg)}}.bunny-node.falling{animation:premiumFall .6s forwards}@keyframes premiumFall{0%{bottom:120px;transform:rotate(0deg)}to{bottom:0;opacity:0;transform:rotate(90deg)}}.obstacle-node{bottom:120px;height:80px;position:absolute;width:80px;z-index:15}.fire-svg,.rock-svg,.tree-svg{filter:drop-shadow(0 5px 10px rgba(0,0,0,.3));height:100%;width:100%}.tree-svg{bottom:0;height:120px;transform:translateY(-40px)}.fire-svg{animation:fireFlicker .2s infinite alternate}@keyframes fireFlicker{0%{filter:drop-shadow(0 0 10px #ef4444);transform:scale(1)}to{filter:drop-shadow(0 0 20px #f59e0b);transform:scale(1.05)}}.collectible-node{animation:floatCollect 2s ease-in-out infinite;bottom:180px;height:60px;position:absolute;width:60px;z-index:12}.carrot-svg{filter:drop-shadow(0 8px 12px rgba(251,146,60,.4));height:100%;width:100%}@keyframes floatCollect{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(15deg)}}.math-overlay-modern{align-items:center;-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;bottom:250px;display:flex;justify-content:center;left:25%;position:absolute;transform:translateX(-20%);z-index:100}.math-card{animation:cardScaleIn .4s cubic-bezier(.175,.885,.32,1.275);background:#fff;border:8px solid #f1f5f9;border-radius:30px;box-shadow:0 20px 40px #00000040;min-width:320px;padding:1.5rem 2rem;position:relative;text-align:center;width:auto}.math-card:after{border-color:#f1f5f9 #0000 #0000;border-style:solid;border-width:15px 15px 0;bottom:-22px;content:"";display:block;left:20%;position:absolute;transform:translateX(-50%);width:0}@keyframes cardScaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.math-title{color:#94a3b8;font-size:1.2rem;font-weight:800;letter-spacing:1px;margin-bottom:.5rem}.math-q{color:#0ea5e9;font-size:3rem;font-weight:900;margin-bottom:1.5rem}.math-opts{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.math-opts button{background:#f8fafc;border:4px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 0 #e2e8f0;color:#1e293b;cursor:pointer;font-size:1.8rem;font-weight:900;padding:1rem;transition:all .2s}.math-opts button:hover{background:#0ea5e9;border-color:#0284c7;box-shadow:0 10px 0 #0284c7;color:#fff;transform:translateY(-4px)}.math-opts button:active{box-shadow:0 4px 0 #0284c7;transform:translateY(2px)}.game-overlay-screen{align-items:center;background:#fffffff2;display:flex;inset:0;justify-content:center;padding:2rem;position:absolute;z-index:200}.menu-inner{max-width:600px;text-align:center}.game-logo{color:#0ea5e9;font-size:5rem;font-weight:950;letter-spacing:-2px;margin-bottom:1rem;text-shadow:0 6px 0 #bae6fd}.menu-inner p{color:#64748b;font-size:1.25rem;margin-bottom:3rem}.diff-select{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.lvl-btn{border:none;border-radius:24px;color:#fff;cursor:pointer;font-size:1.5rem;font-weight:800;padding:1.5rem;transition:transform .2s}.lvl-btn:hover{transform:translateY(-5px)}.l0{background:#22c55e;box-shadow:0 8px 0 #16a34a}.l1{background:#fbbf24;box-shadow:0 8px 0 #d97706}.l2{background:#f87171;box-shadow:0 8px 0 #dc2626}.l3{background:#818cf8;box-shadow:0 8px 0 #4f46e5}.retry-btn{align-items:center;background:#1e293b;border:none;border-radius:24px;box-shadow:0 8px 0 #0f172a;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;font-weight:800;gap:1rem;margin-top:2rem;padding:1.5rem 3rem}.final-s{color:#1e293b;font-size:2.5rem;font-weight:900;margin:1rem 0}@media (max-width:768px){.game-wrapper{padding:.5rem}.game-header-top{gap:.5rem;padding:0 .5rem}.back-btn{font-size:.9rem;padding:.5rem 1rem}.score-board{font-size:1.1rem;padding:.5rem 1.2rem}.game-area-premium{aspect-ratio:auto;border-radius:24px;border-width:6px;height:60vh;min-height:350px;touch-action:none;width:100%!important}.bunny-node{bottom:60px;height:50px;left:15%;width:60px}.ground-world{height:60px}.obstacle-node{bottom:60px;height:50px;width:50px}.collectible-node{bottom:120px;height:40px;width:40px}.math-card{border-radius:24px;border-width:6px;min-width:260px;padding:1.5rem}.math-overlay-modern{bottom:160px;left:20%}.math-title{font-size:1.1rem}.math-q{font-size:2.8rem;margin-bottom:1.5rem}.math-opts{gap:1rem}.math-opts button{border-radius:16px;box-shadow:0 4px 0 #e2e8f0;font-size:1.5rem;padding:1rem}.game-logo{font-size:3rem}.lvl-btn{font-size:1.2rem;padding:1.2rem}}@media (max-width:480px){.game-area-premium{min-height:450px}.math-q{font-size:2.2rem}.math-opts button{font-size:1.3rem;padding:.8rem}}:root{--maze-purple:#b794f4;--maze-purple-dark:#9f7aea;--maze-bg:#f8fafc;--maze-text:#1e293b}.maze-game-wrapper{background-color:#f8fafc;background-color:var(--maze-bg);color:#1e293b;color:var(--maze-text);font-family:Outfit,Inter,sans-serif;min-height:100vh}.maze-main-container{margin:0 auto;max-width:1400px;padding:1.5rem}.maze-menu-modern{align-items:center;display:flex;justify-content:center;min-height:70vh}.menu-card{background:#fff;border-radius:32px;box-shadow:0 20px 50px #a855f71a;max-width:600px;padding:3rem;text-align:center;width:100%}.menu-icon-wrapper{margin-bottom:1.5rem}.menu-card h1{color:#9f7aea;color:var(--maze-purple-dark);font-size:3.5rem;font-weight:900;letter-spacing:-1px;margin-bottom:1rem}.menu-card p{color:#64748b;font-size:1.2rem;margin-bottom:2.5rem}.difficulty-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin-bottom:2rem}.diff-card{border:2px solid #e2e8f0}.diff-card:hover{background:#fdf4ff;border-color:#b794f4;border-color:var(--maze-purple)}.diff-card .lvl{font-size:1.4rem;font-weight:800;margin-bottom:.25rem}.diff-card .desc{color:#94a3b8;font-size:.9rem}.level-0 .lvl{color:#22c55e}.level-1 .lvl{color:#f59e0b}.level-2 .lvl{color:#ef4444}.level-3 .lvl{color:#8b5cf6}.back-link{background:none;border:none;color:#94a3b8;cursor:pointer;font-weight:600;gap:.5rem;margin-top:1rem}.back-link,.maze-loading{align-items:center;display:flex;justify-content:center}.maze-loading{flex-direction:column;min-height:60vh}.maze-loading h2{color:#9f7aea;color:var(--maze-purple-dark);margin-top:1.5rem}.maze-game-layout{grid-gap:2rem;background:#fff;border-radius:40px;box-shadow:0 25px 60px #0000000d;display:grid;gap:2rem;grid-template-columns:1fr 350px;min-height:700px;padding:2rem}.maze-hud{justify-content:space-between;margin-bottom:2rem;padding:0 1rem}.hud-btn,.maze-hud{align-items:center;display:flex}.hud-btn{background:#e9d5ff;border:none;border-radius:50%;box-shadow:0 4px 10px #a855f733;color:#9f7aea;color:var(--maze-purple-dark);cursor:pointer;height:56px;justify-content:center;transition:transform .2s;width:56px}.hud-btn:hover{transform:scale(1.1)}.hud-timer{align-items:center;background:#fff;border:4px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 0 #cbd5e1;color:#1e293b;display:flex;font-size:1.8rem;font-weight:800;gap:1rem;padding:.75rem 2rem}.hud-timer svg{color:#3b82f6}.hud-level{background:#334155;border-radius:12px;color:#fff;font-size:1.2rem;font-weight:700;padding:.5rem 1.5rem}.maze-viewport{align-items:center;background:#f1f5f9;border-radius:24px;display:flex;flex:1 1;justify-content:center;padding:2rem}.maze-grid-wrapper{background:#fff;border-radius:20px;box-shadow:0 15px 40px #0000001a;padding:1rem;position:relative}.maze-render-grid{aspect-ratio:1;background:#fff;display:grid;max-width:550px;width:100%}.start-arrow{animation:bounceDown 1.5s infinite;color:#ef4444;font-size:2.5rem;left:25px;position:absolute;top:-45px}@keyframes bounceDown{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}.m-cell{background:#fff;box-sizing:border-box;position:relative}.m-cell.w-t{border-top:10px solid #b794f4;border-top:10px solid var(--maze-purple)}.m-cell.w-r{border-right:10px solid #b794f4;border-right:10px solid var(--maze-purple)}.m-cell.w-b{border-bottom:10px solid #b794f4;border-bottom:10px solid var(--maze-purple)}.m-cell.w-l{border-left:10px solid #b794f4;border-left:10px solid var(--maze-purple)}.player-indicator{align-items:center;display:flex;height:60%;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:60%;z-index:5}.player-indicator .dot{background:#1e293b;border-radius:4px;height:100%;width:100%}.m-door{font-size:1.5rem;left:50%;top:50%;transform:translate(-50%,-50%)}.m-door,.m-goal{position:absolute}.m-goal{bottom:-40px;font-size:2rem;right:5px}.maze-sidebar{align-items:center;border-left:2px solid #f1f5f9;display:flex;flex-direction:column;justify-content:space-between;padding:2rem 1rem}.sidebar-header{flex-direction:column;line-height:1}.m-title-part{font-size:2.5rem;font-weight:900}.m-1{color:#4ade80}.m-2{color:#fbbf24}.sidebar-character{align-items:center;display:flex;height:250px;justify-content:center;width:200px}.sidebar-character img{height:100%;object-fit:contain;width:100%}.dpad-modern{align-items:center;display:flex;flex-direction:column;gap:.5rem}.d-mid{display:flex;gap:1.5rem}.dpad-modern button{align-items:center;background:#fff;border:4px solid #334155;border-radius:16px;box-shadow:0 6px 0 #1e293b;cursor:pointer;display:flex;height:70px;justify-content:center;transition:all .1s;width:70px}.dpad-modern button:active{box-shadow:0 0 0 #1e293b;transform:translateY(6px)}.dpad-modern svg{color:#1e293b;height:32px;width:32px}.maze-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172ab3;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.maze-modal{animation:modalPop .4s cubic-bezier(.175,.885,.32,1.275);background:#fff;border-radius:32px;box-shadow:0 30px 60px #0000004d;max-width:450px;padding:3rem;text-align:center;width:100%}@keyframes modalPop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.problem-box{background:#f1f5f9;border-radius:24px;color:#9f7aea;color:var(--maze-purple-dark);font-size:3.5rem;font-weight:900;margin:1.5rem 0;padding:2rem}.input-group-modern{display:flex;gap:1rem;margin-bottom:1.5rem}.input-group-modern input{border:4px solid #e2e8f0;border-radius:20px;flex:1 1;font-size:2.5rem;font-weight:800;padding:.75rem;text-align:center}.input-group-modern button{background:#22c55e;border:none;border-radius:20px;box-shadow:0 6px 0 #16a34a;color:#fff;cursor:pointer;font-size:1.5rem;font-weight:800;padding:0 2rem}.modal-close{background:none;border:none;color:#94a3b8;cursor:pointer;font-weight:600;text-decoration:underline}.winner{border:8px solid #fbbf24}.won-stats{display:flex;gap:2rem;justify-content:center;margin:2rem 0}.stat{display:flex;flex-direction:column}.stat span{color:#64748b;font-size:.9rem}.stat strong{color:#1e293b;font-size:1.5rem}.restart-btn{align-items:center;background:#b794f4;background:var(--maze-purple);border:none;border-radius:20px;box-shadow:0 8px 0 #9f7aea;box-shadow:0 8px 0 var(--maze-purple-dark);color:#fff;cursor:pointer;display:flex;font-size:1.3rem;font-weight:800;gap:1rem;justify-content:center;padding:1.2rem;width:100%}@media (max-width:1100px){.maze-game-layout{grid-template-columns:1fr;height:auto}.maze-sidebar{border-left:none;border-top:2px solid #f1f5f9;flex-direction:row;padding:2rem}.sidebar-header{display:none}}@media (max-width:600px){.maze-main-container{padding:.5rem}.maze-game-layout{padding:1rem}.hud-timer{font-size:1.4rem;padding:.5rem 1rem}.maze-sidebar{flex-direction:column;gap:2rem}.maze-viewport{padding:1rem}.problem-box{font-size:2.5rem}}.jetski-page{background-color:#f0f9ff;font-family:Outfit,sans-serif;min-height:100vh}.jetski-container{margin:0 auto;max-width:1200px;padding:1.5rem}.jetski-header{margin-bottom:1.5rem}.jetski-menu{animation:slideUp .5s ease-out;background:#fff;border-radius:32px;box-shadow:0 20px 50px #0000000d;padding:3rem;text-align:center}.jetski-menu h1{color:#1e293b;font-size:3rem;font-weight:900;margin-bottom:1rem}.jetski-menu p{color:#64748b;font-size:1.25rem;margin-bottom:2rem}.jetski-iframe{background:#000;border:none}.jetski-lock-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172acc;display:flex;inset:0;justify-content:center;position:absolute;z-index:100}@media (max-width:768px){.jetski-menu{padding:2rem 1rem}.jetski-menu h1{font-size:2.2rem}.game-view-area{aspect-ratio:4/3;min-height:400px}.math-problem-box{font-size:2rem;padding:1.5rem}}@media (max-width:480px){.jetski-container{padding:.5rem}.lock-card{border-radius:20px;padding:1.2rem;width:95%}.lock-icon{height:60px;margin-bottom:.5rem;width:50px}.math-problem-box{font-size:1.6rem;margin-bottom:1rem;padding:.8rem}.math-opt-button{border-radius:10px;font-size:1.2rem;min-width:0;padding:.6rem}.math-options-grid{gap:.5rem}}.airplanes-page{background-color:#f0f9ff;font-family:Outfit,sans-serif;min-height:100vh}.airplanes-container{margin:0 auto;max-width:1200px;padding:1.5rem}.airplanes-header{margin-bottom:1.5rem}.back-btn{border:2px solid #e2e8f0;border-radius:9999px;color:#64748b;font-weight:700;transition:all .2s}.back-btn:hover{background:#f8fafc;transform:translateX(-5px)}.airplanes-menu{animation:slideUp .5s ease-out;background:#fff;border-radius:32px;box-shadow:0 20px 50px #0000000d;padding:3rem;text-align:center}.game-badge{background:#fffbeb;border-radius:50%;display:inline-block;margin-bottom:1.5rem;padding:1.5rem}.airplanes-menu h1{color:#1e293b;font-size:3rem;font-weight:900;margin-bottom:1rem}.airplanes-menu p{color:#64748b;font-size:1.25rem;margin-bottom:2rem}.difficulty-selection{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:2rem}.diff-card{align-items:center;background:#fff;border:3px solid #f1f5f9;display:flex;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1)}.diff-card:hover{box-shadow:0 15px 30px #0000001a;transform:translateY(-8px)}.diff-card.easy:hover{border-color:#4ade80}.diff-card.medium:hover{border-color:#fbbf24}.diff-card.hard:hover{border-color:#f87171}.diff-card.expert:hover{border-color:#818cf8}.lvl{font-size:1.5rem;font-weight:900;margin-bottom:.25rem}.type{color:#94a3b8;font-size:.9rem;font-weight:600}.easy .lvl{color:#22c55e}.medium .lvl{color:#f59e0b}.hard .lvl{color:#ef4444}.expert .lvl{color:#4f46e5}.game-view-area{aspect-ratio:16/9;background:#000;border-radius:24px;box-shadow:0 25px 60px #0003;min-height:500px;overflow:hidden;position:relative;width:100%}.airplanes-iframe{background:#000;border:none}.hidden-game{display:none!important}.airplanes-lock-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172acc;display:flex;inset:0;justify-content:center;position:absolute;z-index:100}.lock-card{animation:popIn .4s cubic-bezier(.175,.885,.32,1.275);background:#fff;border-radius:32px;max-width:450px;padding:3rem;text-align:center;width:90%}.lock-icon{align-items:center;background:#fff7ed;border-radius:50%;color:#f59e0b;display:flex;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.progress-bar-container{background:#f1f5f9;border-radius:5px;height:10px;margin:1.5rem 0;overflow:hidden}.progress-fill{background:#0ea5e9;height:100%;transition:width .3s ease}.math-problem-box{background:#f8fafc;border-radius:20px;color:#0ea5e9;font-size:3rem;font-weight:900;margin-bottom:2rem;padding:2rem}.math-options-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.math-opt-button{background:#fff;border:3px solid #e2e8f0;border-radius:16px;cursor:pointer;font-size:1.75rem;font-weight:800;padding:1.25rem;transition:all .2s}.math-opt-button:hover{background:#0ea5e9;border-color:#0284c7;color:#fff;transform:translateY(-3px)}.math-feedback{font-size:1.1rem;font-weight:700;margin-top:1.5rem}.math-feedback.correct{color:#10b981}.math-feedback.wrong{color:#ef4444}@media (max-width:768px){.airplanes-menu{padding:2rem 1rem}.airplanes-menu h1{font-size:2.2rem}.game-view-area{aspect-ratio:4/3;min-height:400px}.math-problem-box{font-size:2rem;padding:1.5rem}}@media (max-width:480px){.airplanes-container{padding:.5rem}.lock-card{border-radius:20px;padding:1.2rem;width:95%}.lock-icon{height:60px;margin-bottom:.5rem;width:50px}.math-problem-box{font-size:1.6rem;margin-bottom:1rem;padding:.8rem}.math-opt-button{border-radius:10px;font-size:1.2rem;min-width:0;padding:.6rem}.math-options-grid{gap:.5rem}}.sudoku-page{background-color:#f8fafc;font-family:Outfit,sans-serif;min-height:100vh}.sudoku-container{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:800px;padding:2rem}.sudoku-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem;width:100%}.mistakes-counter{color:#64748b;font-size:1.1rem;font-weight:700}.text-red{color:#ef4444}.sudoku-menu{background:#fff;border-radius:40px;box-shadow:0 20px 50px #0000000d;max-width:600px;padding:3rem;text-align:center;width:100%}.game-icon-large{font-size:5rem;margin-bottom:1rem}.sudoku-menu h1{color:#1e293b;font-size:3rem;font-weight:900;margin-bottom:.5rem}.diff-card{border-radius:24px;font-size:1.25rem}.easy{box-shadow:0 8px 0 #16a34a}.medium{box-shadow:0 8px 0 #d97706}.hard{background:#f87171;box-shadow:0 8px 0 #dc2626}.expert{background:#818cf8;box-shadow:0 8px 0 #4f46e5}.sudoku-board{background:#1e293b;border-radius:12px;box-shadow:0 15px 35px #0003;display:flex;flex-direction:column;padding:4px}.sudoku-row{display:flex}.sudoku-cell{align-items:center;background:#fff;border:1px solid #e2e8f0;color:#0ea5e9;cursor:pointer;display:flex;font-size:1.5rem;font-weight:700;height:50px;justify-content:center;transition:all .1s;width:50px}.sudoku-cell.initial{background:#f1f5f9;color:#1e293b;cursor:default}.sudoku-cell.selected{background:#bae6fd}.sudoku-cell.border-top{border-top:3px solid #1e293b}.sudoku-cell.border-left{border-left:3px solid #1e293b}.num-btn:hover{background:#0ea5e9;border-color:#0284c7;box-shadow:0 6px 0 #0284c7}.game-controls{margin-top:2rem}.reset-btn{align-items:center;background:#1e293b;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-weight:700;gap:.5rem;padding:.75rem 2rem}@media (max-width:600px){.sudoku-cell{font-size:1.1rem;height:35px;width:35px}.num-btn{font-size:1.2rem;height:50px;width:40px}}.kenken-page{background-color:#fff7ed;font-family:Outfit,sans-serif;min-height:100vh}.kenken-container{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:800px;padding:2rem}.kenken-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem;width:100%}.kenken-header h1{color:#ea580c;font-size:2rem;font-weight:900}.kenken-menu{background:#fff;border-radius:40px;box-shadow:0 20px 50px #ea580c1a;max-width:600px;padding:3rem;text-align:center;width:100%}.diff-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin-top:2.5rem}.diff-card{border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:800;padding:1.5rem;transition:transform .2s}.diff-card:hover{transform:translateY(-5px)}.easy{background:#22c55e;box-shadow:0 6px 0 #16a34a}.medium{background:#fbbf24;box-shadow:0 6px 0 #d97706}.kenken-grid{grid-gap:2px;background:#475569;border-radius:12px;box-shadow:0 20px 40px #00000026;display:grid;gap:2px;padding:4px}.kenken-cell{align-items:center;background:#fff;cursor:pointer;display:flex;height:80px;justify-content:center;position:relative;transition:background .2s;width:80px}.kenken-cell.selected{background:#ffedd5}.cage-label{color:#475569;font-size:.8rem;font-weight:700;left:4px;position:absolute;top:4px}.cell-value{color:#ea580c;font-size:2rem;font-weight:900}.border-top{border-top:4px solid #1e293b}.border-bottom{border-bottom:4px solid #1e293b}.border-left{border-left:4px solid #1e293b}.border-right{border-right:4px solid #1e293b}@media (max-width:600px){.kenken-cell{height:60px;width:60px}.cell-value{font-size:1.5rem}}.number-pad{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:2rem}.num-btn{background:#fff;border:3px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 0 #e2e8f0;color:#1e293b;cursor:pointer;font-size:1.5rem;font-weight:900;height:60px;transition:all .2s;width:50px}.num-btn:hover{background:#ea580c;border-color:#c2410c;box-shadow:0 6px 0 #c2410c;color:#fff;transform:translateY(-2px)}.win-overlay{align-items:center;background:#ffffffe6;display:flex;inset:0;justify-content:center;position:fixed;z-index:100}.win-card{animation:pop .5s cubic-bezier(.175,.885,.32,1.275);text-align:center}@keyframes pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.abacus-game-page{background:radial-gradient(circle at top,#1e1b4b 0,#0f172a 100%);color:#f8fafc;display:flex;flex-direction:column;font-family:Outfit,sans-serif;min-height:100vh}.game-wrapper-modern{align-items:center;box-sizing:border-box;display:flex;flex:1 1;justify-content:center;margin:0 auto;max-width:1200px;padding:2rem 1.5rem;width:100%}.menu-container-modern{align-items:flex-start;animation:fadeIn .5s ease-out;display:flex;flex-direction:column;max-width:800px;width:100%}.back-btn-top{align-items:center;background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;color:#e2e8f0;cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;margin-bottom:1.5rem;padding:.75rem 1.25rem;transition:all .2s ease}.back-btn-top:hover{background:#ffffff26;color:#fff;transform:translateX(-4px)}.menu-card-modern{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#1e293bb3;border:1px solid #ffffff1a;border-radius:32px;box-shadow:0 25px 50px -12px #00000080;box-sizing:border-box;padding:3rem 2.5rem;text-align:center;width:100%}.game-emoji{animation:float 3s ease-in-out infinite;display:inline-block;filter:drop-shadow(0 10px 15px rgba(99,102,241,.3));font-size:4.5rem;margin-bottom:1rem}.menu-card-modern h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a5b4fc,#818cf8 50%,#6366f1);-webkit-background-clip:text;font-size:2.75rem;font-weight:800;letter-spacing:-.5px;margin:0 0 1rem}.menu-card-modern p{color:#94a3b8;font-size:1.15rem;line-height:1.6;margin:0 auto 2.5rem;max-width:500px}.difficulty-selection-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.diff-card-modern{background:#ffffff08;border:1px solid #ffffff14;border-radius:20px;cursor:pointer;overflow:hidden;padding:1.75rem;position:relative;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1)}.diff-card-modern:before{content:"";height:100%;left:0;position:absolute;top:0;transition:all .3s ease;width:4px}.diff-card-modern.easy:before{background:#22c55e}.diff-card-modern.medium:before{background:#fbbf24}.diff-card-modern.hard:before{background:#f97316}.diff-card-modern.expert:before{background:#ef4444}.diff-card-modern:hover{background:#ffffff12;border-color:#fff3;box-shadow:0 15px 30px #0000004d;transform:translateY(-5px)}.diff-card-modern.easy:hover{box-shadow:0 10px 25px #22c55e26}.diff-card-modern.medium:hover{box-shadow:0 10px 25px #fbbf2426}.diff-card-modern.hard:hover{box-shadow:0 10px 25px #f9731626}.diff-card-modern.expert:hover{box-shadow:0 10px 25px #ef444426}.diff-card-modern h3{font-size:1.3rem;font-weight:700;margin:0 0 .5rem}.diff-card-modern.easy h3{color:#4ade80}.diff-card-modern.medium h3{color:#fcd34d}.diff-card-modern.hard h3{color:#fdba74}.diff-card-modern.expert h3{color:#fca5a5}.diff-card-modern p{color:#94a3b8;font-size:.95rem;line-height:1.4;margin:0}.gameplay-container-modern{animation:fadeIn .4s ease-out;display:flex;flex-direction:column;gap:1.5rem;max-width:900px;width:100%}.game-header-bar{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#0f172a99;border:1px solid #ffffff1a;border-radius:20px;display:flex;gap:1rem;justify-content:space-between;padding:.75rem 1.25rem}.exit-game-btn{align-items:center;background:#ef444426;border:1px solid #ef44444d;border-radius:12px;color:#fca5a5;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.6rem 1.2rem;transition:all .2s ease}.exit-game-btn:hover{background:#ef44444d;color:#fff;transform:translateY(-1px)}.game-stats-container{display:flex;flex-wrap:wrap;gap:.75rem}.stat-pill{background:#ffffff0d;border:1px solid #ffffff1a;color:#e2e8f0;font-size:.95rem;font-weight:700;gap:.4rem}.stat-icon-star{fill:#fbbf24;color:#fbbf24}.mistakes-pill{background:#ef444414;border-color:#ef444433;color:#fca5a5}.game-arena{align-items:center;display:flex;flex-direction:column;gap:1.5rem}.target-panel-modern{background:#ffffff08;border:1px solid #ffffff14;border-radius:24px;box-shadow:0 10px 30px #0003;box-sizing:border-box;max-width:450px;padding:1.25rem 2rem;text-align:center;width:100%}.target-panel-modern h2{color:#94a3b8;font-size:1.1rem;font-weight:600;letter-spacing:1px;margin:0 0 .5rem;text-transform:uppercase}.target-number-badge{background:linear-gradient(135deg,#818cf8,#6366f1);border-radius:16px;box-shadow:0 10px 20px #6366f14d;color:#fff;display:inline-block;font-size:3.5rem;font-weight:900;letter-spacing:2px;padding:.25rem 2.5rem;text-shadow:0 0 15px #6366f199}.abacus-board-card{background:#0f172a66;border:1px solid #ffffff1a;border-radius:28px;box-shadow:0 20px 40px #0006;box-sizing:border-box;max-width:620px;overflow:hidden;padding:2.25rem;position:relative;width:100%}.shake-abacus{animation:shake .6s cubic-bezier(.36,.07,.19,.97) both}.abacus-wooden-outer{background:linear-gradient(135deg,#5c2d18,#3a1b0e 50%,#221008);border-radius:20px;box-shadow:inset 2px 2px 4px #ffffff40,inset -2px -2px 4px #0009,0 15px 30px #000000b3;padding:18px}.abacus-wooden-inner{background:#111827;border:3px solid #27130a;border-radius:12px;box-shadow:inset 0 10px 25px #000000e6;overflow:hidden;padding:10px;position:relative}.abacus-beam-divider{background:linear-gradient(180deg,#111,#2a2a2a 50%,#000);border-bottom:2px solid #222;border-top:2px solid #555;box-shadow:0 4px 6px #0009;height:12px;left:0;position:absolute;right:0;top:98px;z-index:10}.abacus-beam-divider:before{background:#e2e8f0;border-radius:50%;box-shadow:-80px 0 0 #94a3b8,-160px 0 0 #94a3b8,80px 0 0 #94a3b8,160px 0 0 #94a3b8;content:"";height:4px;left:50%;opacity:.6;position:absolute;top:4px;transform:translateX(-50%);width:4px}.abacus-rods-container{display:flex;justify-content:space-around;min-height:280px;padding:0 10px;position:relative;z-index:5}.abacus-rod-column{align-items:center;display:flex;flex-direction:column;position:relative;width:60px}.rod-place-label{color:#4b5563;font-size:.8rem;font-weight:700;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.abacus-rod-wire{background-image:linear-gradient(90deg,#64646466,#e6e6e6e6 50%,#64646466);background-position:50%;background-repeat:no-repeat;background-size:5px 100%;display:flex;flex:1 1;flex-direction:column;position:relative;width:100%}.upper-deck-container{height:68px;margin-bottom:24px;position:relative}.lower-deck-container{display:flex;flex-direction:column;height:180px;justify-content:flex-end;position:relative}.abacus-bead{background:linear-gradient(135deg,var(--bead-color) 0,#0006 100%);border:1px solid #0006;border-radius:50%/40%;box-shadow:inset 0 3px 5px #ffffff59,inset 0 -3px 5px #0009,0 4px 6px #0006;cursor:pointer;height:25px;margin:3px 0;position:relative;transition:transform .22s cubic-bezier(.25,.8,.25,1);width:48px;z-index:15}.abacus-bead:before{background:#00000059;height:100%;left:50%;top:0;transform:translateX(-50%);width:4px}.abacus-bead:after,.abacus-bead:before{content:"";pointer-events:none;position:absolute}.abacus-bead:after{background:#ffffff73;height:1px;left:10%;right:10%;top:50%;transform:translateY(-50%)}.abacus-bead:hover{filter:brightness(1.15)}.bead-active-down{transform:translateY(32px)}.bead-active-down,.bead-active-up{box-shadow:inset 0 3px 5px #ffffff59,inset 0 -3px 5px #0009,0 2px 4px #0009}.bead-active-up{transform:translateY(-28px)}.divider-gap{height:12px;pointer-events:none}.rod-value-readout{background:#ffffff0d;border:1px solid #ffffff14;border-radius:50%;color:#818cf8;font-size:1.1rem;font-weight:800;height:32px;margin-top:10px;text-shadow:0 0 5px #818cf866;width:32px}.abacus-current-value-bar,.rod-value-readout{align-items:center;display:flex;justify-content:center}.abacus-current-value-bar{background:#ffffff08;border:1px solid #ffffff12;border-radius:16px;gap:.75rem;margin-top:1.75rem;padding:.75rem 1.5rem}.abacus-current-value-bar span{color:#94a3b8;font-size:1rem;font-weight:500}.value-digits{color:#3b82f6;font-size:1.75rem;font-weight:800;letter-spacing:1px;text-shadow:0 0 10px #3b82f680}.feedback-overlay-banner{align-items:center;animation:scaleIn .25s cubic-bezier(.175,.885,.32,1.275);background:#0f172ae6;border-radius:28px;display:flex;font-size:1.75rem;font-weight:800;inset:0;justify-content:center;position:absolute;z-index:50}.feedback-overlay-banner.correct{border:3px solid #10b981;color:#10b981;text-shadow:0 0 15px #10b98199}.feedback-overlay-banner.wrong{border:3px solid #ef4444;color:#ef4444;text-shadow:0 0 15px #ef444499}.game-action-row{display:flex;gap:1.25rem;max-width:620px;width:100%}.action-btn-modern{align-items:center;border-radius:16px;box-sizing:border-box;cursor:pointer;display:flex;flex:1 1;font-size:1.1rem;font-weight:700;gap:.6rem;justify-content:center;padding:1rem 1.5rem;transition:all .25s cubic-bezier(.4,0,.2,1)}.action-btn-modern.secondary{background:#ffffff0d;border:1px solid #ffffff26;color:#e2e8f0}.action-btn-modern.secondary:hover{background:#ffffff1f;color:#fff;transform:translateY(-2px)}.action-btn-modern.primary{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;box-shadow:0 8px 20px #2563eb4d;color:#fff}.action-btn-modern.primary:hover{background:linear-gradient(135deg,#60a5fa,#3b82f6);box-shadow:0 12px 25px #2563eb73;transform:translateY(-2px)}.action-btn-modern:active{transform:translateY(1px)}.won-container-modern{align-items:center;animation:scaleIn .5s cubic-bezier(.175,.885,.32,1.275);display:flex;flex-direction:column;max-width:620px;width:100%}.won-card-modern{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#1e293bd9;border:1px solid #ffffff26;border-radius:36px;box-shadow:0 30px 60px #0009;box-sizing:border-box;padding:3.5rem 2.5rem;text-align:center;width:100%}.trophy-gold{fill:#fbbf2426;animation:float 3s ease-in-out infinite;color:#fbbf24;filter:drop-shadow(0 15px 25px rgba(251,191,36,.35));margin-bottom:1.5rem}.won-card-modern h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fbbf24,#f59e0b 50%,#d97706);-webkit-background-clip:text;font-size:2.5rem;font-weight:800;margin:0 0 .5rem}.won-subtitle{color:#94a3b8;font-size:1.1rem;margin:0 0 2.5rem}.victory-stats-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(3,1fr);margin-bottom:3rem}.victory-stat-box{background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;display:flex;flex-direction:column;gap:.5rem;padding:1.25rem 1rem}.victory-stat-box .v-label{color:#64748b;font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.victory-stat-box .v-val{color:#fff;font-size:1.6rem;font-weight:800}.won-actions-row{display:flex;flex-direction:column;gap:1rem}.btn-won-action{align-items:center;border:none;border-radius:16px;cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;gap:.6rem;justify-content:center;padding:1rem 2rem;transition:all .25s ease;width:100%}.btn-won-action.primary{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 8px 20px #10b9814d;color:#fff}.btn-won-action.primary:hover{background:linear-gradient(135deg,#34d399,#10b981);box-shadow:0 12px 25px #10b98173;transform:translateY(-2px)}.btn-won-action.secondary{background:#ffffff0f;border:1px solid #ffffff26;color:#e2e8f0}.btn-won-action.secondary:hover{background:#ffffff1f;color:#fff;transform:translateY(-2px)}.btn-won-action.exit{background:#0000;color:#94a3b8}.btn-won-action.exit:hover{color:#fff;text-decoration:underline}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}@media (max-width:768px){.menu-card-modern{padding:2.5rem 1.5rem}.menu-card-modern h1{font-size:2.25rem}.difficulty-selection-grid{gap:1rem;grid-template-columns:1fr}.abacus-board-card{padding:1.5rem 1rem}.abacus-wooden-outer{padding:12px}.abacus-wooden-inner{padding:6px}.abacus-rods-container{min-height:250px}.abacus-rod-column{width:48px}.abacus-bead{height:22px;width:42px}.upper-deck-container{height:60px;margin-bottom:20px}.lower-deck-container{height:155px}.bead-active-down{transform:translateY(28px)}.bead-active-up{transform:translateY(-24px)}.abacus-beam-divider{top:86px}}@media (max-width:480px){.game-wrapper-modern{padding:1rem .5rem}.game-header-bar{flex-wrap:wrap;justify-content:center;padding:.5rem .75rem}.exit-game-btn{font-size:.85rem;padding:.4rem .8rem}.game-stats-container{justify-content:center}.stat-pill{font-size:.8rem;padding:.35rem .7rem}.target-number-badge{font-size:2.5rem}.abacus-board-card{padding:1rem .5rem}.abacus-wooden-outer{border-radius:12px;padding:8px}.abacus-wooden-inner{border-radius:8px;padding:4px}.abacus-rod-column{width:38px}.abacus-bead{height:18px;margin:2px 0;width:32px}.upper-deck-container{height:48px;margin-bottom:12px}.lower-deck-container{height:120px}.bead-active-down{transform:translateY(22px)}.bead-active-up{transform:translateY(-18px)}.abacus-beam-divider{height:8px;top:70px}.rod-value-readout{font-size:.85rem;height:24px;margin-top:6px;width:24px}.abacus-current-value-bar{margin-top:1rem;padding:.5rem 1rem}.value-digits{font-size:1.4rem}.game-action-row{flex-direction:column;gap:.75rem}.action-btn-modern{font-size:.95rem;padding:.75rem 1.25rem}.victory-stats-grid{gap:.75rem;grid-template-columns:1fr;margin-bottom:2rem}}.tanks-page{background:radial-gradient(circle at center,#0f172a 0,#020617 100%);color:#f8fafc;display:flex;flex-direction:column;font-family:Outfit,Inter,system-ui,sans-serif;min-height:100vh}.tanks-container{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#0f172a73;border:1px solid #38bdf826;border-radius:24px;box-shadow:0 20px 40px #00000080,inset 0 0 80px #38bdf808;display:flex;flex:1 1;flex-direction:column;margin:2rem auto;max-width:1100px;padding:2.5rem;width:95%}.tanks-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.back-btn{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#cbd5e1;display:inline-flex;font-weight:500;padding:.6rem 1.2rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.back-btn:hover{background:#38bdf81a;border-color:#38bdf84d;color:#38bdf8;transform:translateX(-4px)}.hud-stats{display:flex;gap:1rem}.stat-pill{background:#0f172ad9;border:1px solid #ffffff14;border-radius:12px;box-shadow:0 4px 12px #00000026;font-size:.9rem;gap:.5rem;padding:.5rem 1rem}.tanks-menu{align-items:center;animation:fadeIn .5s ease-out;display:flex;flex-direction:column;margin:auto;max-width:650px;text-align:center}.tanks-badge{animation:float 3s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(56,189,248,.4));font-size:4rem;margin-bottom:1.5rem}.tanks-menu h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#38bdf8,#818cf8 50%,#c084fc);-webkit-background-clip:text;font-size:3.2rem;font-weight:800;letter-spacing:-.5px;margin-bottom:.5rem}.tanks-menu p{color:#94a3b8;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.color-selector{align-items:center;background:#ffffff05;border:1px solid #ffffff0d;border-radius:16px;display:flex;justify-content:space-between;margin-bottom:2.5rem;padding:1.2rem 2rem;width:100%}.color-selector span{color:#e2e8f0;font-weight:600}.colors-grid{display:flex;gap:.75rem}.color-btn{border:3px solid #0000;border-radius:50%;box-shadow:0 4px 10px #0000004d;cursor:pointer;height:36px;transition:all .25s ease;width:36px}.color-btn:hover{transform:scale(1.15)}.color-btn.active{border-color:#fff;box-shadow:0 0 15px currentColor;transform:scale(1.1)}.mode-selection{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;width:100%}.mode-card{background:#1e293b66;border:1px solid #ffffff0d;border-radius:20px;display:flex;flex-direction:column;padding:2rem;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1)}.mode-card:hover{background:#1e293b99;border-color:#38bdf84d;box-shadow:0 12px 30px #0000004d;transform:translateY(-5px)}.mode-card h3{color:#38bdf8;font-size:1.4rem;font-weight:700;margin-bottom:.5rem}.mode-card p{color:#64748b;font-size:.95rem;line-height:1.4;margin-bottom:1.5rem}.diff-buttons{display:flex;gap:.5rem;margin-top:auto}.diff-launch{border:none;border-radius:12px;color:#0f172a;cursor:pointer;flex:1 1;font-size:.85rem;font-weight:700;padding:.75rem;transition:all .25s ease}.diff-launch.easy{background:#38bdf8}.diff-launch.medium{background:#fbbf24}.diff-launch.hard{background:#ef4444}.diff-launch:hover{box-shadow:0 0 15px currentColor;filter:brightness(1.15) saturate(1.1);transform:scale(1.03)}.multi-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:auto}.action-btn{background:#818cf8;border-radius:12px;color:#fff;padding:.8rem;transition:all .25s ease}.action-btn:hover{background:#6366f1;box-shadow:0 0 15px #6366f166}.join-action{display:flex;gap:.5rem}.join-action input{background:#0f172a99;border:1px solid #ffffff1a;border-radius:12px;color:#fff;flex:1 1;font-size:1.1rem;font-weight:700;letter-spacing:2px;outline:none;padding:0 1rem;text-align:center;transition:border-color .25s}.join-action input:focus{border-color:#818cf8}.join-btn{align-items:center;background:#34d399;display:flex;justify-content:center;width:50px}.join-btn:hover{background:#10b981;box-shadow:0 0 15px #10b98166}.tanks-lobby{animation:fadeIn .4s ease-out;margin:auto;max-width:600px;width:100%}.lobby-header-panel{align-items:center;display:flex;flex-direction:column;gap:.5rem;margin-bottom:2rem}.lobby-header-panel h2{color:#fff;font-size:2.2rem;font-weight:800;margin:.2rem 0}.room-code-badge{align-items:center;background:#38bdf81a;border:1px solid #38bdf840;border-radius:14px;color:#38bdf8;cursor:pointer;display:flex;gap:.75rem;padding:.5rem 1.2rem;transition:all .25s ease}.room-code-badge:hover{background:#38bdf82e;transform:scale(1.03)}.room-code-badge strong{font-size:1.3rem;letter-spacing:1px}.copy-tip{animation:pulse 1.5s infinite;color:#34d399;font-size:.85rem;font-weight:500}.lobby-status{color:#64748b;font-size:.95rem;margin-bottom:2rem;text-align:center}.roster-panel{background:#0f172a99;border:1px solid #ffffff0d;border-radius:20px;margin-bottom:2rem;padding:1.5rem}.roster-panel h3{border-bottom:1px solid #ffffff0d;color:#94a3b8;font-size:1.1rem;margin-bottom:1rem;padding-bottom:.5rem}.players-list{display:flex;flex-direction:column;gap:.75rem}.player-badge{align-items:center;background:#ffffff05;border:1px solid #ffffff0a;border-radius:12px;color:#cbd5e1;display:flex;font-weight:600;padding:.8rem 1.2rem}.player-badge.me{background:#38bdf80d;border-color:#38bdf826;color:#fff}.bullet-tank{border-radius:50%;box-shadow:0 0 10px currentColor;height:14px;margin-right:1rem;width:14px}.role-tag{background:#38bdf8;border-radius:8px;color:#020617;font-size:.75rem;font-weight:700;margin-left:auto;padding:.2rem .6rem;text-transform:uppercase}.role-tag.guest{background:#ffffff1a;color:#cbd5e1}.lobby-actions{flex-direction:column}.difficulty-row,.lobby-actions{align-items:center;display:flex;gap:1rem}.difficulty-row{color:#94a3b8;font-weight:600}.difficulty-row select{background:#0f172a;border:1px solid #ffffff1a;border-radius:8px;color:#fff;font-weight:600;outline:none;padding:.5rem 1rem}.launch-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:14px;box-shadow:0 6px 20px #3b82f659;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:800;gap:.5rem;justify-content:center;padding:.9rem 2.5rem;transition:all .3s}.launch-btn:hover{box-shadow:0 8px 25px #3b82f680;filter:brightness(1.1);transform:translateY(-2px)}.waiting-pill{animation:pulse 2s infinite;background:#ffffff0d;border-radius:12px;color:#64748b;font-weight:600;padding:.8rem 2rem}.tanks-game-wrapper{border:2px solid #38bdf833;border-radius:16px;box-shadow:0 10px 30px #0009;height:600px;margin:auto;overflow:hidden;position:relative;width:800px}.tanks-canvas{background:#090d16;cursor:crosshair;display:block}.math-reload-card{animation:slideUp .3s cubic-bezier(.18,.89,.32,1.28);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#0f172aeb;border:2px solid #38bdf8;border-radius:18px;bottom:20px;box-shadow:0 15px 35px #0009,0 0 25px #38bdf840;display:flex;flex-direction:column;gap:1rem;left:50%;max-width:500px;padding:1.25rem;position:absolute;transform:translateX(-50%);width:90%;z-index:10}.math-card-header{align-items:center;border-bottom:1px solid #38bdf826;display:flex;gap:.5rem;padding-bottom:.5rem}.math-card-header h4{color:#38bdf8;font-size:.95rem;font-weight:800;letter-spacing:.5px;margin:0;text-transform:uppercase}.math-card-question{color:#fff;font-size:1.8rem;font-weight:800;padding:.2rem 0;text-align:center}.math-card-options{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr}.math-opt-btn{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;color:#e2e8f0;cursor:pointer;font-size:1.1rem;font-weight:700;padding:.75rem;transition:all .2s}.math-opt-btn:hover{background:#38bdf826;border-color:#38bdf8;color:#fff}.math-opt-btn.correct{background:#10b981!important;border-color:#34d399!important;color:#fff!important}.math-opt-btn.wrong{background:#ef4444!important;border-color:#f87171!important;color:#fff!important}.tanks-gameover{animation:scaleIn .4s cubic-bezier(.34,1.56,.64,1);margin:auto;max-width:500px;text-align:center;width:100%}.crown-badge{animation:pulse 1.5s infinite;font-size:4.5rem;margin-bottom:1rem}.tanks-gameover h2{color:#fff;font-size:2.5rem;font-weight:800;margin-bottom:.25rem}.tanks-gameover p{color:#64748b;margin-bottom:2rem}.leaderboard-card{background:#0f172aa6;border:1px solid #ffffff0d;border-radius:20px;box-shadow:0 10px 25px #0003;margin-bottom:2rem;padding:1.5rem}.leaderboard-card h3{border-bottom:1px solid #38bdf81a;color:#38bdf8;font-size:1.2rem;font-weight:700;margin-bottom:1.2rem;padding-bottom:.5rem;text-transform:uppercase}.leaderboard-ranks{display:flex;flex-direction:column;gap:.6rem}.rank-row{align-items:center;background:#ffffff05;border:1px solid #0000;border-radius:12px;display:flex;font-weight:600;padding:.75rem 1rem}.rank-row.place-1{background:#fbbf2414;border-color:#fbbf244d;color:#fbbf24}.rank-row.place-2{background:#94a3b80d;border-color:#94a3b833;color:#cbd5e1}.rank-row.place-3{background:#b453090d;border-color:#b4530933;color:#d97706}.rank-place{font-size:1.1rem;font-weight:800;width:40px}.rank-name{text-align:left}.rank-score{font-weight:700;margin-left:auto}.lobby-back-btn{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#fff;cursor:pointer;font-weight:700;padding:.85rem 2rem;transition:all .25s}.lobby-back-btn:hover{background:#ffffff1f;border-color:#fff3}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@media(max-width:900px){.mode-selection{gap:1rem;grid-template-columns:1fr}.tanks-game-wrapper{height:480px;width:100%}}.games-menu-page{background:#f8fafc;margin:0 auto;max-width:1400px;min-height:calc(100vh - 80px);padding:3rem 2rem}.games-header{margin-bottom:4rem;text-align:center}.menu-title{color:#0f172a;font-size:3.5rem;font-weight:900;letter-spacing:-1px;margin-top:1.5rem}.menu-subtitle{color:#64748b;font-size:1.25rem;font-weight:500}.back-button-modern{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:999px;color:#64748b;cursor:pointer;display:inline-flex;font-weight:700;gap:.75rem;padding:.8rem 1.5rem;transition:all .3s}.back-button-modern:hover{background:#f1f5f9;color:#0f172a;transform:translateX(-5px)}.games-grid-premium{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));margin-bottom:5rem}.game-card-premium{border-radius:32px;box-shadow:0 20px 40px #0000001a;cursor:pointer;height:300px;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.game-card-premium:hover{box-shadow:0 30px 60px #0003;transform:scale(1.03) translateY(-10px)}.card-image-wrapper{height:100%;position:relative;width:100%}.card-bg-img{height:100%;object-fit:cover;transition:transform .6s ease;width:100%}.game-card-premium:hover .card-bg-img{transform:scale(1.1)}.card-badge{align-items:center;background:#3b82f6;border-radius:999px;box-shadow:0 4px 12px #0003;color:#fff;display:flex;font-size:.8rem;font-weight:800;gap:6px;left:20px;padding:6px 14px;position:absolute;top:20px;z-index:10}.card-badge.racer{background:#ef4444}.card-badge.bunny{background:#10b981}.card-overlay{align-items:flex-end;background:linear-gradient(0deg,#0f172af2 0,#0f172a33 60%,#0000);display:flex;inset:0;opacity:.9;padding:2rem;position:absolute;transition:all .3s}.game-card-premium:hover .card-overlay{background:linear-gradient(0deg,#3b82f6e6 0,#0f172a66)}.overlay-content{width:100%}.game-stats{color:#94a3b8;display:flex;font-size:.85rem;font-weight:700;gap:1.5rem;margin-bottom:.5rem}.game-card-premium:hover .game-stats{color:#dbeafe}.overlay-content h3{color:#fff;font-size:2rem;font-weight:900;margin:0 0 .5rem}.overlay-content p{color:#cbd5e1;font-size:1rem;line-height:1.4;margin:0 0 1.5rem;opacity:.8}.play-hover-btn{background:#fff;border:none;border-radius:12px;color:#0f172a;font-size:1rem;font-weight:800;opacity:0;padding:.75rem 2rem;transform:translateY(20px);transition:all .3s ease}.game-card-premium:hover .play-hover-btn{opacity:1;transform:translateY(0)}.games-grid-premium+.legacy-section-divider{border-top:2px dashed #cbd5e1;margin:4rem 0}.games-grid-premium+.games-grid{gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.game-card-full.legacy{background:#fff;border:1px solid #e2e8f0}.game-thumbnail{align-items:center;display:flex;height:180px;justify-content:center;overflow:hidden;position:relative}.game-card-body{display:flex;flex:1 1;flex-direction:column;padding:1.5rem}.game-card-body h3{color:#1e293b;font-size:1.5rem;margin-bottom:.5rem}.game-card-body p{color:#64748b;flex:1 1;font-size:.9rem;line-height:1.4;margin-bottom:1.5rem}.play-now-btn{align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;color:#3b82f6;cursor:pointer;display:flex;font-weight:700;gap:.5rem;justify-content:center;padding:.8rem;transition:all .2s}.game-card-full.legacy:hover{border-color:#3b82f6}.game-card-full.legacy:hover .play-now-btn{background:#3b82f6;border-color:#3b82f6;color:#fff}@media (max-width:992px){.menu-title{font-size:2.5rem}.games-grid-premium{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.game-card-premium{height:260px}.overlay-content h3{font-size:1.5rem}}@media (max-width:600px){.games-menu-page{padding:2rem 1rem}.menu-title{font-size:2rem}.games-grid-premium{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.game-card-premium{height:240px}.card-overlay{padding:1.2rem}.overlay-content p{font-size:.85rem;margin-bottom:1rem}.play-hover-btn{font-size:.9rem;padding:.5rem 1.5rem}}.game-item-container{cursor:pointer;display:flex;flex-direction:column;transition:transform .3s ease}.game-item-container:hover{transform:translateY(-5px)}.game-item-container:hover .game-card-premium{box-shadow:0 30px 60px #0003;transform:scale(1.03) translateY(-5px)}.game-card-title{color:#0f172a;font-size:1.4rem;font-weight:800;letter-spacing:-.5px;margin-bottom:0;margin-top:1.5rem;text-align:center}.live-chat-container{bottom:30px;font-family:system-ui,-apple-system,sans-serif;position:fixed;right:30px;z-index:9999}.chat-fab{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:50%;box-shadow:0 4px 15px #2563eb66;color:#fff;cursor:grab;display:flex;height:60px;justify-content:center;position:relative;transition:transform .3s cubic-bezier(.4,0,.2,1);width:60px}.chat-fab:hover{transform:scale(1.1)}.chat-fab.pulse{animation:chatPulse 2s infinite}@keyframes chatPulse{0%{box-shadow:0 0 0 0 #2563ebb3}70%{box-shadow:0 0 0 15px #2563eb00}to{box-shadow:0 0 0 0 #2563eb00}}.notification-dot{background-color:#ef4444;border:2px solid #fff;border-radius:50%;height:12px;position:absolute;right:5px;top:5px;width:12px}.chat-window{animation:slideUp .3s ease-out;background:#fff;border-radius:20px;bottom:80px;box-shadow:0 10px 40px #00000026;display:flex;flex-direction:column;height:450px;overflow:hidden;position:absolute;right:0;width:350px}.chat-header{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;cursor:grab;display:flex;justify-content:space-between;padding:15px 20px;-webkit-user-select:none;user-select:none}.chat-header h3{font-size:1.1rem;margin:0}.close-btn{background:none;border:none;color:#fff;cursor:pointer;opacity:.8;padding:0;transition:opacity .2s}.close-btn:hover{opacity:1}.chat-messages{background:#f8fafc;display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:20px}.no-messages{color:#64748b;font-size:.95rem;margin:auto;text-align:center}.message{word-wrap:break-word;border-radius:15px;line-height:1.4;max-width:80%;padding:10px 15px}.my-message{background:#3b82f6}.admin-message{align-self:flex-start;background:#fff;border:1px solid #e2e8f0;border-bottom-left-radius:4px;box-shadow:0 2px 5px #00000005;color:#1e293b}.chat-input-area{background:#fff;border-top:1px solid #e2e8f0;gap:10px;padding:15px}.chat-input-area,.chat-user-info{display:flex;flex-direction:column}.chat-user-info{gap:8px;margin-bottom:5px}.chat-user-info input{background:#f8fafc;font-size:.85rem!important;padding:8px 12px!important}.input-row{display:flex;gap:10px}.chat-input-area input{border:1px solid #cbd5e1;border-radius:20px;flex:1 1;font-size:.95rem;outline:none;padding:10px 15px;transition:border-color .2s}.chat-input-area input:focus{border-color:#3b82f6}.chat-input-area button{align-items:center;background:#3b82f6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:background .2s;width:40px}.chat-input-area button:disabled{background:#cbd5e1;cursor:not-allowed}.chat-input-area button:hover:not(:disabled){background:#2563eb}@media (max-width:480px){.chat-window{border-radius:0;bottom:0;height:100%;left:0;position:fixed;right:0;top:0;width:100%}}.chat-management-container{background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:flex;height:calc(100vh - 120px);margin-top:1rem;overflow:hidden}.chat-sidebar{background:#f8fafc;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;width:320px}.sidebar-header{align-items:center;border-bottom:1px solid #e2e8f0;color:#1e293b;display:flex;font-size:1.2rem;gap:10px;margin:0;padding:20px}.chat-list{flex:1 1;overflow-y:auto}.no-chats{color:#64748b;padding:20px;text-align:center}.chat-list-item{border-bottom:1px solid #e2e8f0;cursor:pointer;display:flex;gap:15px;padding:15px 20px;transition:background .2s}.chat-list-item:hover{background:#f1f5f9}.chat-list-item.active{background:#e0f2fe;border-left:4px solid #0ea5e9}.chat-avatar{align-items:center;background:#cbd5e1;border-radius:50%;color:#fff;display:flex;height:40px;justify-content:center;position:relative;width:40px}.unread-indicator{background:#ef4444;border:2px solid #fff;border-radius:50%;height:10px;position:absolute;right:0;top:0;width:10px}.chat-preview{flex:1 1;overflow:hidden}.chat-preview h4{color:#1e293b;font-size:.95rem;margin:0 0 5px}.preview-text{color:#64748b;font-size:.85rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.phone-badge{background:#e0f2fe;border-radius:10px;color:#0ea5e9;display:inline-block;font-size:.75rem;font-weight:600;margin-bottom:5px;padding:2px 8px}.header-info{display:flex;flex-direction:column}.header-phone{color:#64748b;font-size:.9rem;font-weight:500;margin:5px 0 0}.chat-main{background:#fff;display:flex;flex:1 1;flex-direction:column}.chat-main-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;padding:20px}.chat-main-header h3{color:#1e293b;margin:0}.chat-main-messages{background:#f8fafc;display:flex;flex:1 1;flex-direction:column;gap:15px;overflow-y:auto;padding:20px}.message{border-radius:16px;font-size:.95rem;line-height:1.5;max-width:60%;padding:12px 18px;position:relative}.message p{margin:0}.msg-time{display:block;font-size:.7rem;margin-top:5px;opacity:.7;text-align:right}.my-message{align-self:flex-end;background:#0ea5e9;border-bottom-right-radius:4px;color:#fff}.user-message{align-self:flex-start;background:#fff;border:1px solid #e2e8f0;border-bottom-left-radius:4px;box-shadow:0 2px 4px #00000005;color:#1e293b}.chat-main-input{background:#fff;border-top:1px solid #e2e8f0;display:flex;gap:15px;padding:20px}.chat-main-input input{border:1px solid #cbd5e1;border-radius:24px;flex:1 1;font-size:1rem;outline:none;padding:12px 20px;transition:border-color .2s}.chat-main-input input:focus{border-color:#0ea5e9}.chat-main-input button{align-items:center;background:#0ea5e9;border:none;border-radius:24px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:8px;padding:0 24px;transition:background .2s}.chat-main-input button:disabled{background:#94a3b8;cursor:not-allowed}.chat-main-input button:hover:not(:disabled){background:#0284c7}.chat-placeholder{align-items:center;color:#94a3b8;display:flex;flex:1 1;flex-direction:column;justify-content:center}.chat-placeholder p{font-size:1.1rem;margin-top:15px}.reported-questions-page{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem}.page-header{gap:1.5rem;margin-bottom:2rem}.page-header h2{color:#2d3748;font-size:28px;font-weight:800;letter-spacing:-.5px;margin:0}.back-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 2px 4px #00000005;color:#4a5568;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.back-btn:hover{background:#f7fafc;color:#2d3748;transform:translateX(-3px)}.alert-box{animation:slideIn .3s ease;border-radius:12px;font-weight:600;margin-bottom:1.5rem;padding:1rem 1.5rem}.alert-box.error{background:#fff5f5;border:1px solid #fed7d7;color:#e53e3e}.alert-box.success{background:#f0fff4;border:1px solid #c6f6d5;color:#38a169}.reports-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #fffc;border-radius:20px;box-shadow:0 10px 30px #0000000d;padding:1.5rem}.loading-reports{align-items:center;color:#718096;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem}.spinner{animation:spin 1s linear infinite;border:4px solid #0000000d;border-left-color:#667eea;border-radius:50%;height:36px;margin-bottom:1rem;width:36px}.no-reports{align-items:center;color:#4a5568;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.no-reports p{font-size:18px;font-weight:700;margin-top:1rem}.reports-table-wrapper{overflow-x:auto}.reports-table{border-collapse:collapse;text-align:left;width:100%}.reports-table th{background:#f7fafc;border-bottom:2px solid #edf2f7;color:#4a5568;font-size:14px;font-weight:700;padding:12px 16px}.reports-table td{border-bottom:1px solid #edf2f7;padding:16px;vertical-align:top}.question-cell{max-width:350px}.q-id-badge{background:#edf2f7;border-radius:6px;color:#4a5568;font-family:monospace;font-size:11px;font-weight:700;padding:3px 8px}.q-preview-box{background:#f7fafc;border:1px dashed #e2e8f0;border-radius:8px;margin-top:8px;padding:10px}.raw-text-mini{color:#4a5568;font-size:15px;margin:0;white-space:pre-wrap}.abacus-grid-view-mini{background:#fff;border:1px solid #edf2f7;border-radius:6px;display:inline-block;padding:4px}.abacus-display-table-mini{border-collapse:collapse}.op-cell-mini,.val-cell-mini{color:#7935d1;font-family:monospace;font-size:14px;font-weight:700;padding:2px 6px;text-align:right}.img-preview-row{margin-top:8px}.mini-pic{border:1px solid #edf2f7;border-radius:6px;max-height:80px;max-width:120px;object-fit:contain}.teacher-cell .t-name{color:#2d3748;font-size:15px;font-weight:700}.teacher-cell .t-email{color:#718096;font-size:12px;margin-top:2px}.issue-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:13px;font-weight:700;padding:6px 12px}.issue-badge.answer{background:#fff5f5;color:#e53e3e}.issue-badge.skill{background:#fffaf0;color:#dd6b20}.remarks-cell p{color:#4a5568;font-size:14px;line-height:1.4;margin:0 0 8px}.timestamp-text{color:#a0aec0;font-size:11px}.actions-cell{display:flex;flex-direction:column;gap:8px;min-width:130px}.action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:13px;font-weight:700;gap:6px;justify-content:center;padding:8px 12px;transition:all .2s ease;width:100%}.action-btn.correct{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 3px 8px #10b98133;color:#fff}.action-btn.correct:hover{box-shadow:0 5px 12px #10b98159;transform:translateY(-2px)}.action-btn.dismiss{background:#f7fafc;border:1px solid #e2e8f0;color:#718096}.action-btn.dismiss:hover{background:#fee2e2;border-color:#fca5a5;color:#ef4444;transform:translateY(-2px)}.action-btn:active{transform:translateY(0)}.class-homework-container{background-color:#f8f9fa;min-height:80vh;padding:2rem 5%}.homework-header{align-items:center;display:flex;gap:1rem;margin-bottom:2rem}.homework-header h2{color:#333;font-size:2rem;margin:0}.back-button{align-items:center;background:#fff;border:1px solid #ddd;border-radius:50px;box-shadow:0 2px 5px #0000000d;color:#5d17eb;display:flex;font-weight:600;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s}.back-button:hover{box-shadow:0 4px 8px #0000001a;color:#5d17eb;transform:translateY(-2px)}.assignments-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.assignment-card{background:#fff;border-radius:12px;border-top:4px solid #5d17eb;box-shadow:0 4px 6px #0000000d;display:flex;flex-direction:column;padding:1.5rem;transition:transform .2s,box-shadow .2s}.assignment-card:hover{box-shadow:0 8px 15px #0000001a;transform:translateY(-5px)}.assignment-card h3{word-wrap:break-word;color:#333;font-size:1.25rem;font-weight:700;margin:0 0 1rem}.assignment-details{display:flex;flex-direction:column;flex-grow:1;gap:.8rem;margin-bottom:1.5rem}.detail-row{align-items:center;color:#666;display:flex;font-size:.95rem;gap:.5rem}.detail-icon{color:#5d17eb;font-size:1.1rem;text-align:center;width:20px}.view-reports-btn{background:#5d17eb;border-radius:8px;color:#fff;display:block;font-weight:600;padding:.8rem;text-align:center;text-decoration:none;transition:background .2s}.view-reports-btn:hover{background:#4a12bc;color:#fff}.empty-state{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;padding:4rem 2rem;text-align:center}.empty-state h3{color:#333;margin-bottom:.5rem}.empty-state p{color:#666}:root{--arena-bg-gradient:linear-gradient(135deg,#0f172a,#1e1b4b);--card-bg:#1e293bb3}.teacher-competition-lobby-global{background:linear-gradient(135deg,#0f172a,#1e1b4b);background:var(--arena-bg-gradient);box-sizing:border-box;color:#f1f5f9;font-family:Outfit,Inter,sans-serif;max-width:100vw;min-height:100vh;overflow-x:hidden;padding-bottom:50px;width:100%}.loader-container{background:#0f172a}.lobby-content-container{display:flex;flex-direction:column;gap:30px;margin:40px auto;max-width:1200px;padding:0 20px}.lobby-header-card{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1e293bb3;background:var(--card-bg);border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 10px 30px #0000004d;display:flex;justify-content:space-between;padding:30px}.lobby-header-card h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#a78bfa,#f472b6);-webkit-background-clip:text;font-size:32px;font-weight:800;margin:0}.lobby-header-card .subtitle{color:#94a3b8;font-size:16px;font-weight:500;margin-top:5px}.header-stats{display:flex;gap:15px}.stat-pill{align-items:center;background:#0f172a99;border:1px solid #ffffff0d;border-radius:30px;display:flex;font-size:14px;font-weight:600;gap:10px;padding:10px 18px}.stat-pill svg{color:#8b5cf6;color:var(--neon-purple)}.status-container{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1e293bb3;background:var(--card-bg);border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:24px;box-shadow:0 20px 40px #00000040;display:flex;flex-direction:column;gap:35px;padding:40px}.arena-gates-message{align-items:center;display:flex;flex-direction:column;gap:15px;text-align:center}.pulse-circle{align-items:center;animation:doublePulse 2s ease-in-out infinite;background:#8b5cf626;border-radius:50%;display:flex;height:90px;justify-content:center;width:90px}.glowing-icon{color:#8b5cf6;color:var(--neon-purple);filter:drop-shadow(0 0 10px #8b5cf6);filter:drop-shadow(0 0 10px var(--neon-purple))}.arena-gates-message h2{font-size:24px;font-weight:700;margin:0}.arena-gates-message p{color:#94a3b8;margin:0}.participants-grid-wrapper h3{border-left:4px solid #8b5cf6;border-left:4px solid var(--neon-purple);font-size:18px;font-weight:700;margin-bottom:20px;padding-left:12px}.empty-roster-msg{color:#64748b;font-style:italic;padding:30px 0;text-align:center}.avatar-waiting-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.student-avatar-card{align-items:center;animation:popIn .3s cubic-bezier(.34,1.56,.64,1);background:#0f172a66;border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:16px;display:flex;flex-direction:column;gap:12px;padding:20px 15px;transition:transform .2s ease,border-color .2s ease}.student-avatar-card:hover{border-color:#8b5cf666;transform:translateY(-5px)}.avatar-circle{align-items:center;background:linear-gradient(135deg,#8b5cf6,#ec4899);background:linear-gradient(135deg,var(--neon-purple) 0,var(--neon-pink) 100%);border-radius:50%;display:flex;font-size:20px;font-weight:800;height:50px;justify-content:center;text-shadow:0 2px 4px #0003;width:50px}.student-name{font-size:14px;font-weight:600;max-width:100px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.joined-badge{background:#10b98126;border-radius:20px;color:#10b981;color:var(--emerald-green);font-size:11px;font-weight:700;padding:4px 10px;text-transform:uppercase}.action-footer{border-top:1px solid #ffffff0d;display:flex;justify-content:center;padding-top:15px}.action-button{align-items:center;background:linear-gradient(90deg,#8b5cf6,#ec4899);background:linear-gradient(to right,var(--neon-purple),var(--neon-pink));border:none;border-radius:14px;box-shadow:0 4px 20px #8b5cf666;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:700;gap:12px;outline:none;padding:16px 32px;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.action-button:hover:not(:disabled){box-shadow:0 6px 24px #8b5cf699;transform:scale(1.03)}.action-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.5}.live-header-bar{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;padding-bottom:20px}.live-indicator{align-items:center;display:flex;gap:12px}.live-dot{animation:flash 1s infinite alternate;background:#ef4444;border-radius:50%;box-shadow:0 0 8px #ef4444;height:12px;width:12px}.live-header-bar h2{font-size:20px;font-weight:700;margin:0}.end-game-btn{background:#ef4444!important;box-shadow:0 4px 15px #ef44444d!important;font-size:15px!important;padding:12px 24px!important}.live-race-track-list{display:flex;flex-direction:column;gap:20px}.race-track-row{grid-gap:20px;align-items:center;background:#0f172a66;border:1px solid #ffffff08;border-radius:16px;display:grid;gap:20px;grid-template-columns:40px 180px 1fr 100px 100px;padding:15px 20px}.racer-wrong-count{align-items:center;display:flex;font-size:14px;font-weight:600;gap:5px;justify-content:flex-end}.racer-wrong-count .wrong-label{color:#94a3b8;font-size:12px}.racer-wrong-count .wrong-value{color:#ef4444}.racer-rank{color:#94a3b8;font-size:18px;font-weight:800}.racer-name-tag{display:flex;flex-direction:column;gap:4px}.racer-name-tag .name{font-size:16px;font-weight:700}.racer-name-tag .score-ratio{color:#94a3b8;font-size:12px;font-weight:600}.track-lane{background:#0f172acc;height:12px}.racer-progress-bar,.track-lane{border-radius:6px;position:relative}.racer-progress-bar{background:linear-gradient(90deg,#0ea5e9,#8b5cf6);background:linear-gradient(to right,var(--neon-blue),var(--neon-purple));height:100%;transition:width .8s cubic-bezier(.16,1,.3,1)}.finished-bar{background:linear-gradient(90deg,#10b981,#34d399)!important;background:linear-gradient(to right,var(--emerald-green),#34d399)!important}.racer-avatar-runner{align-items:center;background:#fff;border:2px solid #8b5cf6;border:2px solid var(--neon-purple);border-radius:50%;box-shadow:0 2px 8px #0000004d;color:#0f172a;display:flex;font-size:12px;font-weight:800;height:28px;justify-content:center;position:absolute;right:-10px;top:-8px;width:28px}.racer-status-icon{display:flex;justify-content:flex-end}.check-success{color:#10b981;color:var(--emerald-green);filter:drop-shadow(0 0 5px #10b981);filter:drop-shadow(0 0 5px var(--emerald-green))}.solving-badge{background:#0ea5e91a;border-radius:8px;color:#0ea5e9;color:var(--neon-blue);font-size:12px;font-weight:700;padding:4px 10px}.celebration-title{align-items:center;display:flex;flex-direction:column;gap:12px;text-align:center}.gold-trophy{animation:bounce 2s ease-in-out infinite;color:#f59e0b;color:var(--amber-gold);filter:drop-shadow(0 0 15px #f59e0b);filter:drop-shadow(0 0 15px var(--amber-gold))}.celebration-title h2{font-size:28px;font-weight:800;margin:0}.celebration-title p{color:#94a3b8;margin:0}.podium-3d-arena{align-items:flex-end;display:flex;gap:30px;height:260px;justify-content:center;margin:40px 0}.podium-spot{align-items:center;animation:slideUp .6s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;width:140px}.podium-spot .medal{margin-bottom:12px}.gold-medal{color:#f59e0b;color:var(--amber-gold);filter:drop-shadow(0 0 8px #f59e0b);filter:drop-shadow(0 0 8px var(--amber-gold))}.silver-medal{color:#cbd5e1;filter:drop-shadow(0 0 8px #cbd5e1)}.bronze-medal{color:#b45309;filter:drop-shadow(0 0 8px #b45309)}.winner-avatar{align-items:center;background:linear-gradient(135deg,#1e293b,#0f172a);border:3px solid #ffffff1a;border-radius:50%;box-shadow:0 4px 15px #0003;display:flex;font-size:24px;font-weight:800;height:64px;justify-content:center;margin-bottom:10px;width:64px}.spot-gold .winner-avatar{border-color:#f59e0b;border-color:var(--amber-gold);box-shadow:0 0 20px #f59e0b33;font-size:30px;height:80px;width:80px}.spot-silver .winner-avatar{border-color:#cbd5e1}.spot-bronze .winner-avatar{border-color:#b45309}.winner-name{font-size:15px;font-weight:700;margin-bottom:4px;max-width:130px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.winner-score{color:#94a3b8;font-size:12px;font-weight:600;margin-bottom:15px}.podium-block{align-items:center;border-radius:12px 12px 0 0;box-shadow:inset 0 1px 0 #ffffff1a;color:#fff3;display:flex;font-size:28px;font-weight:900;justify-content:center;width:100%}.block-1{background:linear-gradient(180deg,#d97706,#78350f);color:#fff6;height:120px}.block-2{background:linear-gradient(180deg,#475569,#1e293b);height:90px}.block-3{background:linear-gradient(180deg,#7c2d12,#451a03);height:60px}.all-rankings-table-wrapper h3{border-left:4px solid #10b981;border-left:4px solid var(--emerald-green);font-size:18px;font-weight:700;margin-bottom:18px;padding-left:12px}.final-scoreboard-table{border-collapse:collapse;width:100%}.final-scoreboard-table th{border-bottom:1px solid #ffffff0d;color:#64748b;font-size:13px;font-weight:700;padding:15px 20px;text-align:left;text-transform:uppercase}.final-scoreboard-table td{border-bottom:1px solid #ffffff08;font-size:15px;padding:15px 20px}.badge-flawless{background:#f59e0b1a;color:#f59e0b;color:var(--amber-gold)}.badge-excellent,.badge-flawless{border-radius:12px;font-size:11px;font-weight:700;padding:4px 10px}.badge-excellent{background:#10b9811a;color:#10b981;color:var(--emerald-green)}.badge-competitor{background:#ffffff0d;border-radius:12px;color:#94a3b8;font-size:11px;font-weight:700;padding:4px 10px}.score-correct{color:#10b981!important;color:var(--emerald-green)!important}.score-wrong{color:#ef4444!important}.exit-lobby-btn{background:#ffffff14;border:1px solid #ffffff14;border:1px solid var(--glass-border);box-shadow:none;color:#fff;font-size:15px;padding:12px 28px;text-align:center;text-decoration:none}.exit-lobby-btn:hover{background:#ffffff26;box-shadow:none;transform:translateY(-2px)}@keyframes doublePulse{0%{box-shadow:0 0 0 0 #8b5cf64d;transform:scale(.98)}70%{box-shadow:0 0 0 15px #8b5cf600;transform:scale(1.02)}to{box-shadow:0 0 0 0 #8b5cf600;transform:scale(.98)}}@keyframes flash{0%{opacity:.5}to{filter:brightness(1.2);opacity:1}}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (max-width:768px){.lobby-header-card{align-items:flex-start;flex-direction:column;gap:15px}.race-track-row{gap:10px;grid-template-columns:20px 100px 1fr}.racer-status-icon,.racer-wrong-count{display:none}.podium-3d-arena{gap:10px}.podium-spot{width:100px}}.report-modal-overlay{align-items:center;animation:modalFadeIn .3s ease-out;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172ad9;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.report-modal-card{animation:modalScaleUp .3s cubic-bezier(.34,1.56,.64,1);background:#1e293b;border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 25px 50px -12px #00000080,0 0 40px #8b5cf626;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;width:100%}.report-modal-header{align-items:center;background:#1e293b80;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding:24px 30px}.report-student-meta{align-items:center;display:flex;gap:16px}.avatar-circle-large{align-items:center;background:linear-gradient(135deg,#8b5cf6,#ec4899);background:linear-gradient(135deg,var(--neon-purple) 0,var(--neon-pink) 100%);border-radius:50%;display:flex;font-size:24px;font-weight:800;height:56px;justify-content:center;text-shadow:0 2px 4px #0000004d;width:56px}.report-student-meta h2{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#f472b6,#a78bfa);-webkit-background-clip:text;font-size:22px;font-weight:800;margin:0}.report-email{color:#94a3b8;font-size:13px;font-weight:500;margin:4px 0 0}.close-modal-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff14;border-radius:50%;color:#94a3b8;cursor:pointer;display:flex;font-size:22px;height:38px;justify-content:center;transition:all .2s ease;width:38px}.close-modal-btn:hover{background:#ef444433;border-color:#ef44444d;color:#ef4444;transform:rotate(90deg)}.report-quick-stats{grid-gap:16px;background:#0f172a4d;border-bottom:1px solid #ffffff0d;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);padding:24px 30px}.q-stat-card{border:1px solid #ffffff0a;border-radius:16px;padding:16px;text-align:center}.q-stat-card h3{font-size:24px;font-weight:800;margin:0 0 4px}.q-stat-card p{color:#94a3b8;font-size:12px;font-weight:600;margin:0;text-transform:uppercase}.bg-correct{background:#10b98114;border-color:#10b98126}.bg-correct h3{color:#10b981;color:var(--emerald-green)}.bg-wrong{background:#ef444414;border-color:#ef444426}.bg-wrong h3{color:#ef4444}.bg-unanswered{background:#94a3b814;border-color:#94a3b826}.bg-unanswered h3{color:#94a3b8}.bg-elapsed{background:#0ea5e914;border-color:#0ea5e926}.bg-elapsed h3{color:#0ea5e9;color:var(--neon-blue)}.report-questions-scroller{flex:1 1;overflow-y:auto;padding:30px}.report-questions-scroller h3{color:#e2e8f0;font-size:16px;font-weight:700;margin:0 0 20px}.report-details-table{border-collapse:collapse;width:100%}.report-details-table th{border-bottom:1px solid #ffffff0f;color:#64748b;font-size:12px;font-weight:700;padding:12px 16px;text-align:left;text-transform:uppercase}.report-details-table td{border-bottom:1px solid #ffffff0a;font-size:14px;padding:16px}.row-correct{background:#10b98105}.row-wrong{background:#ef444405}.row-unanswered{background:#ffffff03}.text-emerald{color:#10b981;color:var(--emerald-green);font-weight:700}.rep-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:700;padding:6px 12px}.rep-badge.badge-success{background:#10b9811a;color:#10b981;color:var(--emerald-green)}.rep-badge.badge-danger{background:#ef44441a;color:#ef4444}.rep-badge.badge-neutral{background:#94a3b81a;color:#94a3b8}.table-q-pic{display:inline-block;margin-bottom:6px;max-height:48px}.table-q-pic img{border:1px solid #ffffff1a;border-radius:6px;height:40px}.q-text{display:block;font-weight:600}.name-clickable:hover{filter:brightness(1.2);text-shadow:0 0 8px #38bdf880}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width:640px){.report-quick-stats{grid-template-columns:repeat(2,1fr)}}.cert-modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#090d16f2;color:#fff;display:flex;flex-direction:column;font-family:Outfit,sans-serif;height:100vh;left:0;overflow-y:auto;position:fixed;top:0;width:100vw;z-index:999999}.cert-modal-header-actions{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#1e293bcc;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:15px 30px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.actions-left{align-items:center;display:flex;gap:15px}.badge-live{background:linear-gradient(135deg,#10b981,#059669);border-radius:20px;box-shadow:0 0 10px #10b98166;color:#fff;font-size:11px;font-weight:700;letter-spacing:.05em;padding:5px 12px;text-transform:uppercase}.actions-title{color:#f8fafc;font-size:16px;font-weight:700;letter-spacing:.02em}.actions-right{display:flex;gap:12px}.btn-action-primary{background:linear-gradient(135deg,#7c3aed,#db2777);border:none;border-radius:8px;box-shadow:0 4px 15px #7c3aed66;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:10px 22px;transition:all .2s ease}.btn-action-primary:hover{box-shadow:0 6px 20px #7c3aed99;transform:translateY(-2px)}.btn-action-secondary{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#cbd5e1;cursor:pointer;font-size:14px;font-weight:700;padding:10px 20px;transition:all .2s ease}.btn-action-secondary:hover{background:#ffffff1a;color:#fff}.cert-modal-body{align-items:flex-start;box-sizing:border-box;display:flex;flex:1 1;justify-content:center;padding:40px 20px}.printable-certificate-container{align-items:center;display:flex;flex-direction:column;gap:30px;max-width:960px;width:100%}.certificate-sheet{aspect-ratio:1.414;background-color:#faf9f6;border-radius:4px;box-shadow:0 10px 30px #00000080;box-sizing:border-box;color:#1e293b;display:flex;flex-direction:column;overflow:hidden;padding:4.5%;position:relative;width:100%}.certificate-watermark{background-image:radial-gradient(#7c5c1705 2px,#0000 0),radial-gradient(rgba(124,92,23,.015) 1px,#0000 0);background-position:0 0,12px 12px;background-size:24px 24px;height:75%;pointer-events:none;width:75%;z-index:1}.certificate-watermark,.certificate-watermark:before{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.certificate-watermark:before{border:1px dashed #7c5c170a;border-radius:50%;content:"";height:320px;width:320px}.border-outer{border:3px double #7c5c17;padding:6px}.border-middle,.border-outer{box-sizing:border-box;display:flex;height:100%;width:100%}.border-middle{border:1px solid #7c5c1726;padding:4px}.border-inner{border:1px solid #7c5c17;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:24px;position:relative;width:100%;z-index:2}.corner{border-color:#7c5c17;border-style:solid;height:50px;pointer-events:none;position:absolute;width:50px}.corner-tl{border-width:3px 0 0 3px;left:8px;top:8px}.corner-tr{border-width:3px 3px 0 0;right:8px;top:8px}.corner-bl{border-width:0 0 3px 3px;bottom:8px;left:8px}.corner-br{border-width:0 3px 3px 0;bottom:8px;right:8px}.corner:before{background-color:#7c5c17;border-radius:50%;content:"";height:12px;position:absolute;width:12px}.corner-tl:before{left:24px;top:-6px}.corner-tr:before{right:24px;top:-6px}.corner-bl:before{bottom:-6px;left:24px}.corner-br:before{bottom:-6px;right:24px}.theme-gold{background:linear-gradient(135deg,#fffef9,#faf7ec)}.theme-gold .border-outer{border-color:#d4af37}.theme-gold .border-inner{border-color:#b89012}.theme-gold .corner{border-color:#d4af37}.theme-gold .corner:before{background-color:#b89012}.theme-gold .award-badge{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 10px #d9770640;color:#fff}.theme-gold .recipient-name{color:#855d04;text-shadow:1px 1px 0 #fffc}.theme-gold .diploma-seal{background:linear-gradient(135deg,gold,#b89012);border:4px double #fff;box-shadow:0 4px 12px #b890124d}.theme-silver{background:linear-gradient(135deg,#fff,#f1f5f9)}.theme-silver .border-outer{border-color:#94a3b8}.theme-silver .border-inner{border-color:#64748b}.theme-silver .corner{border-color:#94a3b8}.theme-silver .corner:before{background-color:#64748b}.theme-silver .award-badge{background:linear-gradient(135deg,#64748b,#475569);box-shadow:0 4px 10px #47556933;color:#fff}.theme-silver .recipient-name{color:#334155}.theme-silver .diploma-seal{background:linear-gradient(135deg,#cbd5e1,#64748b);border:4px double #fff;box-shadow:0 4px 12px #64748b40}.theme-bronze{background:linear-gradient(135deg,#fffaf6,#fbf2eb)}.theme-bronze .border-outer{border-color:#c2410c}.theme-bronze .border-inner{border-color:#9a3412}.theme-bronze .corner{border-color:#c2410c}.theme-bronze .corner:before{background-color:#9a3412}.theme-bronze .award-badge{background:linear-gradient(135deg,#ea580c,#c2410c);box-shadow:0 4px 10px #c2410c33;color:#fff}.theme-bronze .recipient-name{color:#7c2d12}.theme-bronze .diploma-seal{background:linear-gradient(135deg,#f97316,#9a3412);border:4px double #fff;box-shadow:0 4px 12px #9a341240}.theme-elite{background:linear-gradient(135deg,#fafaff,#f4f4fc)}.theme-elite .border-outer{border-color:#4f46e5}.theme-elite .border-inner{border-color:#4338ca}.theme-elite .corner{border-color:#4f46e5}.theme-elite .corner:before{background-color:#4338ca}.theme-elite .award-badge{background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 4px 10px #4f46e533;color:#fff}.theme-elite .recipient-name{color:#312e81}.theme-elite .diploma-seal{background:linear-gradient(135deg,#818cf8,#4338ca);border:4px double #fff;box-shadow:0 4px 12px #4338ca40}.cert-header{align-items:center;display:flex;justify-content:space-between;width:100%}.cert-logo-container{align-items:center;display:flex;width:18%}.left-logo{justify-content:flex-start}.right-logo{justify-content:flex-end}.logo-abacus,.logo-masterminds{max-height:48px;object-fit:contain}.logo-spacer{height:48px;width:48px}.cert-title-area{flex:1 1;text-align:center}.academy-main-subtext{color:#475569;display:block;font-family:Cinzel,serif;font-size:11px;font-weight:700;letter-spacing:.25em}.cert-body{align-items:center;display:flex;flex-direction:column;gap:8px;margin:auto 0;text-align:center}.award-badge{border-radius:12px;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.1em;padding:4px 16px;text-transform:uppercase}.cert-main-title{color:#0f172a;font-family:Cinzel,serif;font-size:26px;font-weight:800;letter-spacing:.1em;line-height:1.1;margin:5px 0 10px}.presented-to{color:#475569;font-size:15px;font-style:italic;margin:0}.presented-to,.recipient-name{font-family:Playfair Display,serif}.recipient-name{font-size:38px;font-weight:700;letter-spacing:.02em;line-height:1.2;margin:5px 0 0}.divider-line{background:linear-gradient(90deg,#0000,#7c5c17,#0000);height:2px;margin:4px 0 8px;width:250px}.motivating-sentence{color:#334155;font-family:Playfair Display,serif;font-size:14px;font-style:italic;line-height:1.6;margin:0 auto;max-width:80%}.battle-metadata{color:#64748b;font-size:11px;line-height:1.5;margin-top:5px;max-width:85%}.battle-metadata strong{color:#1e293b}.cert-footer{align-items:flex-end;display:flex;justify-content:space-between;width:100%}.sign-col{text-align:center;width:30%}.signature-line{align-items:flex-end;border-bottom:1.5px solid #7c5c1766;display:flex;height:42px;justify-content:center;margin-bottom:8px}.digital-sig{color:#0f172a;display:inline-block;font-size:26px;padding-bottom:2px;transform:rotate(-3deg)}.text-signature{color:#3b82f6;font-family:Great Vibes,cursive}.text-signature-teacher{color:#7c5c17;font-family:Great Vibes,cursive}.sign-title{color:#64748b;display:block;font-size:10px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.seal-col{width:25%}.diploma-seal,.seal-col{align-items:center;display:flex;justify-content:center}.diploma-seal{border-radius:50%;height:64px;position:relative;width:64px}.seal-icon{font-size:24px;z-index:2}.seal-text-ring{color:#ffffffd9;display:none;font-size:6px;font-weight:700;height:100%;position:absolute;text-transform:uppercase;width:100%}.cert-date-stamp{bottom:12px;color:#94a3b8;font-size:9px;left:50%;letter-spacing:.05em;position:absolute;transform:translateX(-50%)}.page-break{display:none}@media print{@page{size:landscape;margin:0!important}body,html{background:#fff!important;color:#000!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.cert-modal-overlay,body,html{height:210mm!important;margin:0!important;padding:0!important;width:297mm!important}.cert-modal-overlay{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:none!important;box-shadow:none!important;overflow:visible!important;position:static!important}.cert-modal-header-actions{display:none!important}.cert-modal-body{background:#fff!important}.cert-modal-body,.printable-certificate-container{display:block!important;height:210mm!important;margin:0!important;padding:0!important;width:297mm!important}.printable-certificate-container{gap:0!important;max-width:none!important}.certificate-sheet{background-color:#faf9f6!important;border-radius:0!important;box-shadow:none!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;height:210mm!important;justify-content:space-between!important;margin:0!important;padding:4.5%!important;page-break-inside:avoid!important;width:297mm!important}.certificate-sheet,.page-break{page-break-after:always!important}.page-break{display:block!important;height:0!important}.active-arena-gameplay-wrapper,.lobby-content-container,.lobby-room-wrapper,.mobile-nav-container,.navbar,.podium-lobby-room-wrapper,.report-modal-overlay,.student-competition-global>:not(.cert-modal-overlay),.teacher-competition-lobby-global>:not(.cert-modal-overlay),body>div:not(#root):not(.cert-modal-overlay){display:none!important}}:root{--arena-bg-gradient:linear-gradient(135deg,#090d16,#110e2d);--card-bg:#161c2dbf;--glass-border:#ffffff14;--neon-purple:#8b5cf6;--neon-pink:#ec4899;--neon-blue:#0ea5e9;--emerald-green:#10b981;--danger-red:#ef4444;--amber-gold:#f59e0b}.student-competition-global{background:linear-gradient(135deg,#090d16,#110e2d);background:var(--arena-bg-gradient);box-sizing:border-box;color:#f1f5f9;font-family:Outfit,Inter,sans-serif;max-width:100vw;min-height:100vh;overflow-x:hidden;padding-bottom:50px;width:100%}.loader-container{align-items:center;background:#090d16;display:flex;height:100vh;justify-content:center}.lobby-room-wrapper,.podium-lobby-room-wrapper{margin:40px auto;max-width:1200px;padding:0 20px}.lobby-main-card,.podium-main-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#161c2dbf;background:var(--card-bg);border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:24px;box-shadow:0 20px 40px #00000059;display:flex;flex-direction:column;gap:30px;padding:40px}.podium-main-card{position:relative}.lobby-head-box{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;padding-bottom:20px}.lobby-head-box h2{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#a78bfa,#f472b6);-webkit-background-clip:text;font-size:28px;font-weight:800;margin:0}.status-label{align-items:center;background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:30px;color:#a78bfa;display:flex;font-size:13px;font-weight:700;gap:10px;padding:8px 16px}.pulse-dot{animation:flash 1s infinite alternate;background:#a78bfa;border-radius:50%;height:8px;width:8px}.arena-split-layout{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 340px}.competitors-list-panel,.warmup-station-panel{background:#0f172a66;border:1px solid #ffffff08;border-radius:20px;padding:25px}.competitors-list-panel h3,.warmup-station-panel h3{font-size:18px;font-weight:700;margin-bottom:8px;margin-top:0}.warmup-station-panel .subtitle{color:#94a3b8;font-size:13px;margin:0 0 20px}.abacus-embed-container{background:#090d16cc;border:1px solid #ffffff0d;border-radius:16px;padding:20px}.students-lobby-scroller{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto;padding-right:5px}.lobby-racer-card{align-items:center;animation:slideIn .3s ease-out;background:#0f172a99;border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:12px;display:flex;gap:12px;padding:12px 16px}.racer-me{background:#8b5cf61a!important;border-color:#8b5cf666!important}.racer-avatar{align-items:center;background:linear-gradient(135deg,#8b5cf6,#ec4899);background:linear-gradient(135deg,var(--neon-purple) 0,var(--neon-pink) 100%);border-radius:50%;display:flex;font-size:15px;font-weight:800;height:36px;justify-content:center;width:36px}.racer-name{flex-grow:1;font-size:14px;font-weight:600}.racer-status{background:#10b9811a;border-radius:12px;color:#10b981;color:var(--emerald-green);font-size:11px;font-weight:700;padding:3px 8px;text-transform:uppercase}.countdown-overlay-fullscreen{align-items:center;background:#090d16;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.countdown-giant-digits h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#8b5cf6,#ec4899);background:linear-gradient(to right,var(--neon-purple),var(--neon-pink));-webkit-background-clip:text;filter:drop-shadow(0 0 20px rgba(236,72,153,.3));font-size:120px;font-weight:900;margin:0}.bounce-digit{animation:bounceScale 1s cubic-bezier(.175,.885,.32,1.275) infinite}.zoom-go{animation:goZoom 1s cubic-bezier(.16,1,.3,1);font-size:150px!important}.countdown-sub{color:#94a3b8;font-size:20px;font-weight:600;letter-spacing:4px;margin-top:20px;text-transform:uppercase}.active-arena-gameplay-wrapper{display:flex;flex-direction:column;gap:25px;margin:30px auto;max-width:1000px;padding:0 20px}.game-race-track-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#161c2dbf;background:var(--card-bg);border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 10px 30px #0003;display:flex;flex-direction:column;gap:15px;padding:20px 25px}.track-hud-bar{display:flex;justify-content:space-between}.hud-pill{align-items:center;background:#0f172a99;border:1px solid #ffffff0d;border-radius:20px;display:flex;font-size:14px;gap:8px;padding:8px 16px}.hud-pill svg{color:#8b5cf6;color:var(--neon-purple)}.visual-race-track-lanes{display:flex;flex-direction:column;gap:10px}.lane-row{grid-gap:15px;align-items:center;background:#0f172a4d;border-left:3px solid #0000;border-radius:10px;display:grid;gap:15px;grid-template-columns:120px 1fr;padding:6px 12px}.lane-me{background:#8b5cf614!important;border-left-color:#8b5cf6!important;border-left-color:var(--neon-purple)!important}.lane-name-lbl{color:#94a3b8;font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lane-me .lane-name-lbl{color:#f1f5f9}.lane-road{background:#090d16cc;height:8px}.lane-road,.lane-runner-progress{border-radius:4px;position:relative}.lane-runner-progress{background:linear-gradient(90deg,#0ea5e9,#8b5cf6);background:linear-gradient(to right,var(--neon-blue),var(--neon-purple));height:100%;transition:width .8s cubic-bezier(.16,1,.3,1)}.lane-me .lane-runner-progress{background:linear-gradient(90deg,#ec4899,#8b5cf6)!important;background:linear-gradient(to right,var(--neon-pink),var(--neon-purple))!important}.runner-avatar-icon{align-items:center;background:#fff;border:2px solid #8b5cf6;border:2px solid var(--neon-purple);border-radius:50%;box-shadow:0 1px 4px #0006;color:#0f172a;display:flex;font-size:10px;font-weight:950;height:20px;justify-content:center;position:absolute;right:-8px;top:-6px;width:20px}.question-solving-box-grid{grid-gap:25px;align-items:start;display:grid;gap:25px;grid-template-columns:1fr 380px}.solving-question-card-wrapper{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#161c2dbf;background:var(--card-bg);border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 10px 30px #0003;display:flex;flex-direction:column;justify-content:center;min-height:380px;padding:40px}.question-graphic-container{border-radius:12px;margin-bottom:20px;max-height:200px;max-width:100%;overflow:hidden}.question-graphic-container img{height:auto;max-height:200px;object-fit:contain;width:auto}.abacus-grid-card{background:#090d1699;border:1px solid #ffffff0d;border-radius:16px;padding:20px 40px}.abacus-solving-table{border-collapse:collapse}.abacus-solving-table td{font-family:monospace;font-size:26px;font-weight:800;padding:6px 15px}.row-op{color:#8b5cf6;color:var(--neon-purple);text-align:right}.row-val{text-align:left}.raw-question-text{font-size:36px;font-weight:800;letter-spacing:2px;margin:0}.input-solving-keyboard-wrapper{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#161c2dbf;background:var(--card-bg);border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 10px 30px #0003;display:flex;flex-direction:column;gap:20px;padding:25px}.answer-preview-screen{width:100%}.preview-input{background:#0f172acc;border:2px solid #ffffff14;border-radius:12px;color:#fff;font-size:32px;font-weight:800;outline:none;padding:12px;text-align:center;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.border-success{border-color:#10b981!important;border-color:var(--emerald-green)!important;box-shadow:0 0 12px #10b9814d!important}.border-wrong{border-color:#ef4444!important;border-color:var(--danger-red)!important;box-shadow:0 0 12px #ef44444d!important}.custom-game-keyboard{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.key-btn{border:1px solid #ffffff0d;border-radius:12px;cursor:pointer;font-size:20px;font-weight:700;height:58px;outline:none;transition:transform .1s ease,background .1s ease}.digit-key{background:#0f172a99;color:#fff}.digit-key:hover{background:#ffffff14}.digit-key:active{background:#ffffff1f;transform:scale(.95)}.action-key-clear{background:#ef44441a;border-color:#ef444433;color:#ef4444;color:var(--danger-red)}.action-key-clear:hover{background:#ef44442e}.submit-answer-btn-action{align-items:center;background:linear-gradient(90deg,#8b5cf6,#ec4899);background:linear-gradient(to right,var(--neon-purple),var(--neon-pink));border:none;border-radius:12px;box-shadow:0 4px 15px #8b5cf64d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:8px;justify-content:center;outline:none;padding:16px;transition:transform .2s ease,box-shadow .2s ease}.submit-answer-btn-action:hover:not(:disabled){box-shadow:0 6px 20px #8b5cf673;transform:translateY(-2px)}.submit-answer-btn-action:disabled{box-shadow:none;cursor:not-allowed;opacity:.5}.results-celebration-header{align-items:center;display:flex;flex-direction:column;gap:12px;text-align:center}.personal-medals-earned-section h3,.ranking-table-list-scores h3{border-left:4px solid #8b5cf6;border-left:4px solid var(--neon-purple);font-size:18px;font-weight:700;margin-bottom:20px;padding-left:12px}.badges-list-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.badge-item-card{align-items:center;animation:popIn .3s ease-out;background:#0f172a80;border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:16px;display:flex;gap:15px;padding:15px 20px}.badge-icon-badge{align-items:center;background:#f59e0b1a;border-radius:12px;color:#f59e0b;color:var(--amber-gold);display:flex;height:48px;justify-content:center;width:48px}.badge-item-card:nth-child(2) .badge-icon-badge{background:#10b9811a;color:#10b981;color:var(--emerald-green)}.badge-details h4{font-size:16px;font-weight:700;margin:0 0 4px}.badge-details p{color:#94a3b8;font-size:12px;margin:0}.student-final-scores-table{border-collapse:collapse;width:100%}.student-final-scores-table th{border-bottom:1px solid #ffffff0d;color:#64748b;font-size:13px;padding:12px 15px;text-align:left}.student-final-scores-table td{border-bottom:1px solid #ffffff08;padding:12px 15px}.row-is-me{background:#8b5cf614}.row-is-me td{color:#a78bfa;font-weight:700}.podium-footer-actions{display:flex;justify-content:center}.return-to-dash-btn{background:linear-gradient(90deg,#8b5cf6,#ec4899);background:linear-gradient(to right,var(--neon-purple),var(--neon-pink));border:none;border-radius:12px;box-shadow:0 4px 15px #8b5cf64d;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:14px 28px;transition:transform .2s ease,box-shadow .2s ease}.return-to-dash-btn:hover{box-shadow:0 6px 20px #8b5cf673;transform:translateY(-2px)}@keyframes bounceScale{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes goZoom{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes slideIn{0%{opacity:0;transform:translateX(15px)}to{opacity:1;transform:translateX(0)}}.competition-question-numbers{background:#0f172a66;border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:12px;display:flex;gap:10px;margin-bottom:10px;overflow-x:auto;padding:10px 5px;scrollbar-width:thin}.competition-question-numbers p{align-items:center;background:#0f172acc;border:1px solid #ffffff0d;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;font-weight:700;height:40px;justify-content:center;margin:0;min-width:40px;transition:all .2s ease}.competition-question-numbers p:hover{background:#ffffff14;color:#f1f5f9;transform:translateY(-2px)}.competition-question-numbers p.active-question{background:linear-gradient(135deg,#8b5cf6,#ec4899)!important;background:linear-gradient(135deg,var(--neon-purple),var(--neon-pink))!important;border-color:#0000!important;box-shadow:0 0 10px #8b5cf666;color:#fff!important}.competition-question-numbers p.has-answer{background:#10b98126;border-color:#10b981;border-color:var(--emerald-green);color:#10b981;color:var(--emerald-green)}.end-exam-btn-action{align-items:center;background:#ffffff14;border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:700;justify-content:center;padding:14px;transition:transform .2s ease,background .2s ease}.end-exam-btn-action:hover{background:#ffffff26;transform:translateY(-2px)}.checking-overlay{align-items:center;background:#090d16e6;border-radius:24px;bottom:0;display:flex;flex-direction:column;gap:15px;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.checking-overlay .loader{animation:spin 1s linear infinite;border:4px solid #ffffff1a;border-left:4px solid var(--neon-purple);border-radius:50%;height:48px;width:48px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.checking-overlay p{color:#a78bfa;font-size:16px;font-weight:700;margin:0}.personal-results-summary{background:#0f172a66;border:1px solid #ffffff08;border-radius:16px;display:flex;gap:30px;justify-content:center;margin-bottom:25px;padding:20px}.result-stat{align-items:center;display:flex;flex-direction:column;gap:5px}.result-label{color:#94a3b8;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.result-value{font-size:28px;font-weight:800}.correct-val{color:#10b981;color:var(--emerald-green)}.wrong-val{color:#ef4444;color:var(--danger-red)}.unanswered-val{color:#64748b}.score-correct{color:#10b981;color:var(--emerald-green);font-weight:700}.score-wrong{color:#ef4444;color:var(--danger-red);font-weight:700}.lobby-centered-layout{margin:0 auto;max-width:600px;width:100%}@media (max-width:900px){.arena-split-layout{grid-template-columns:1fr}.lobby-centered-layout{max-width:100%}.active-arena-gameplay-wrapper{gap:12px;margin:10px auto;padding:0 10px}.game-race-track-header{gap:10px;padding:10px 15px}.visual-race-track-lanes{gap:6px}.lane-row{gap:10px;grid-template-columns:90px 1fr;padding:4px 8px}.lane-name-lbl{font-size:11px}.lane-road{height:6px}.runner-avatar-icon{font-size:8px;height:16px;right:-6px;top:-5px;width:16px}.competition-question-numbers{gap:6px;margin-bottom:6px;padding:6px 4px}.competition-question-numbers p{border-radius:6px;font-size:13px;height:32px;min-width:32px}.question-solving-box-grid{gap:12px;grid-template-columns:1fr}.solving-question-card-wrapper{min-height:140px;padding:15px}.raw-question-text{font-size:28px}.input-solving-keyboard-wrapper{gap:12px;padding:15px}.preview-input{font-size:24px;padding:8px}.key-btn{border-radius:8px;font-size:16px;height:44px}.submit-answer-btn-action{font-size:14px;padding:12px}}.mcq-battle-wrapper{display:flex;flex-direction:column;gap:15px;width:100%}.mcq-battle-title{color:#94a3b8;font-size:16px;font-weight:700;letter-spacing:1px;margin:0;text-transform:uppercase}.mcq-battle-options-layout{display:flex;flex-direction:column;gap:12px;width:100%}.mcq-battle-choice{align-items:center;background:#0f172a99;border:2px solid #ffffff14;border-radius:16px;color:#e2e8f0;cursor:pointer;display:flex;font-size:18px;font-weight:600;gap:16px;outline:none;overflow:hidden;padding:14px 20px;position:relative;text-align:left;transition:all .25s cubic-bezier(.4,0,.2,1)}.mcq-battle-choice:hover{background:#ffffff0a;border-color:#8b5cf666;box-shadow:0 6px 15px #0003;transform:translateY(-2px)}.mcq-battle-choice:active{transform:translateY(0)}.mcq-battle-choice.selected{background:#8b5cf626;border-color:#8b5cf6;border-color:var(--neon-purple);box-shadow:0 0 20px #8b5cf659;color:#fff}.choice-indicator{align-items:center;background:#ffffff14;border:1.5px solid #ffffff26;border-radius:50%;color:#cbd5e1;display:flex;flex-shrink:0;font-size:13px;font-weight:800;height:32px;justify-content:center;transition:all .25s ease;width:32px}.mcq-battle-choice.selected .choice-indicator{background:#8b5cf6;background:var(--neon-purple);border-color:#8b5cf6;border-color:var(--neon-purple);box-shadow:0 0 10px #8b5cf699;color:#fff}.choice-text{flex-grow:1}.graph-battle-options-layout{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr);width:100%}.graph-battle-choice{align-items:center;background:#0f172a99;border:2px solid #ffffff14;border-radius:18px;cursor:pointer;display:flex;flex-direction:column;gap:10px;justify-content:center;outline:none;padding:16px;transition:all .25s cubic-bezier(.4,0,.2,1)}.graph-battle-choice:hover{background:#ffffff0a;border-color:#8b5cf666;box-shadow:0 6px 15px #0003;transform:translateY(-2px)}.graph-battle-choice.selected{background:#8b5cf626;border-color:#8b5cf6;border-color:var(--neon-purple);box-shadow:0 0 20px #8b5cf659}.graph-choice-img-wrapper{align-items:center;background:#fff;border:1px solid #0000001a;border-radius:12px;display:flex;height:120px;justify-content:center;overflow:hidden;padding:6px;width:100%}.graph-choice-img-wrapper img{max-height:100%;max-width:100%;object-fit:contain}.graph-battle-choice.selected .choice-indicator{background:#8b5cf6;background:var(--neon-purple);border-color:#8b5cf6;border-color:var(--neon-purple);box-shadow:0 0 10px #8b5cf699;color:#fff}@media only screen and (max-width:600px){.graph-battle-options-layout{gap:12px;grid-template-columns:1fr}.graph-choice-img-wrapper{height:100px}.mcq-battle-choice{font-size:15px;gap:10px;padding:10px 14px}.choice-indicator{font-size:11px;height:26px;width:26px}}.personal-certificate-earned-banner{animation:pulseGlow 2.5s ease-in-out infinite;transition:transform .3s ease,border-color .3s ease}.personal-certificate-earned-banner:hover{transform:translateY(-3px) scale(1.005)}.claim-certificate-btn-action:hover{box-shadow:0 6px 20px #7c3aed99!important;transform:translateY(-2px)}@keyframes pulseGlow{0%,to{border-color:#7c3aed4d;box-shadow:0 8px 32px #7c3aed26}50%{border-color:#db277780;box-shadow:0 8px 32px #db27774d}}
/*# sourceMappingURL=main.fba80eec.css.map*/