@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;700;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap";:root{--primary: #00f3ff;--secondary: #ff0055;--bg-dark: #020205;--glass: rgba(0, 243, 255, .05)}.hud-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--bg-dark);display:flex;justify-content:center;align-items:center;z-index:9999;overflow:hidden;font-family:Orbitron,sans-serif;perspective:1200px}.scanlines{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#fff0,#fff0 50%,#0003 50%,#0003);background-size:100% 4px;z-index:10;pointer-events:none;opacity:.6}.cyber-grid{position:absolute;width:200%;height:200%;bottom:-50%;background-image:linear-gradient(var(--primary) 1px,transparent 1px),linear-gradient(90deg,var(--primary) 1px,transparent 1px);background-size:50px 50px;transform:rotateX(75deg);opacity:.15;animation:grid-move 5s linear infinite;box-shadow:0 0 100px var(--primary)}.hud-wrapper{display:flex;flex-direction:column;align-items:center;transform-style:preserve-3d;z-index:20}.reactor-core{position:relative;width:150px;height:150px;transform-style:preserve-3d;animation:hover-float 4s ease-in-out infinite}.core-sphere{position:absolute;width:40px;height:40px;background:radial-gradient(circle,#fff,var(--primary));border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 50px var(--primary),0 0 100px var(--primary);animation:pulse-core .8s ease-in-out infinite alternate}.coil{position:absolute;width:100%;height:100%;border-radius:50%;border:2px solid transparent;border-top:2px solid var(--primary);border-bottom:2px solid var(--primary);box-shadow:0 0 15px var(--primary);transition:all .5s}.coil-1{animation:spin-x 2s linear infinite}.coil-2{width:120px;height:120px;top:15px;left:15px;border-color:var(--secondary);animation:spin-y 3s linear infinite;box-shadow:0 0 15px var(--secondary)}.coil-3{width:90px;height:90px;top:30px;left:30px;border-left:2px solid #fff;border-right:2px solid #fff;animation:spin-z 1.5s linear infinite}.coil-4{width:160px;height:160px;top:-5px;left:-5px;border:1px dashed rgba(255,255,255,.3);animation:spin-rev 10s linear infinite}.hologram-base{width:200px;height:200px;background:radial-gradient(closest-side,rgba(0,243,255,.2),transparent);transform:rotateX(90deg) translateZ(80px);border-radius:50%;border:1px solid rgba(0,243,255,.3);box-shadow:0 0 30px var(--primary);animation:pulse-base 2s infinite}.info-panel{margin-top:60px;text-align:center;position:relative;padding:20px 40px;background:#0009;border:1px solid var(--primary);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);clip-path:polygon(10% 0,100% 0,100% 80%,90% 100%,0 100%,0 20%);box-shadow:0 0 20px #00f3ff33}.glitch-title{font-size:2.5rem;color:#fff;margin:0;letter-spacing:5px;position:relative;text-shadow:2px 2px 0px var(--secondary)}.system-status{color:var(--primary);font-size:.9rem;margin-top:10px;letter-spacing:2px;text-transform:uppercase;text-align:left}.progress-bar-hud{width:100%;height:4px;background:#ffffff1a;margin-top:15px;position:relative;overflow:hidden}.progress-fill{height:100%;background:var(--secondary);width:0%;box-shadow:0 0 10px var(--secondary);animation:fill-bar 4.5s cubic-bezier(.22,1,.36,1) forwards}@keyframes spin-x{0%{transform:rotateX(0) rotateY(0)}to{transform:rotateX(360deg) rotateY(360deg)}}@keyframes spin-y{0%{transform:rotateY(0) rotate(0)}to{transform:rotateY(360deg) rotate(-360deg)}}@keyframes spin-z{0%{transform:rotate(0) rotateX(0)}to{transform:rotate(360deg) rotateX(-360deg)}}@keyframes spin-rev{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes pulse-core{0%{transform:translate(-50%,-50%) scale(.8);opacity:.8}to{transform:translate(-50%,-50%) scale(1.2);opacity:1;box-shadow:0 0 80px var(--primary)}}@keyframes hover-float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes grid-move{0%{background-position:0 0}to{background-position:0 50px}}@keyframes fill-bar{0%{width:0%}20%{width:10%}40%{width:45%}60%{width:60%}80%{width:85%}to{width:100%}}@keyframes pulse-base{0%,to{opacity:.3;transform:rotateX(90deg) translateZ(80px) scale(1)}50%{opacity:.8;transform:rotateX(90deg) translateZ(80px) scale(1.1)}}.blink{animation:blinker .2s infinite}@keyframes blinker{50%{opacity:0}}.particles span{position:absolute;bottom:-100px;width:5px;height:5px;background:var(--primary);box-shadow:0 0 10px var(--primary);animation:rise 5s infinite ease-in}.particles span:nth-child(1){left:10%;animation-duration:4s}.particles span:nth-child(2){left:30%;animation-duration:6s;width:3px;height:3px}.particles span:nth-child(3){left:50%;animation-duration:3s;background:var(--secondary);box-shadow:0 0 10px var(--secondary)}.particles span:nth-child(4){left:70%;animation-duration:5s}.particles span:nth-child(5){left:90%;animation-duration:4s;width:4px;height:4px}@keyframes rise{0%{bottom:-100px;transform:translate(0);opacity:0}50%{opacity:1}to{bottom:100vh;transform:translate(-50px);opacity:0}}@media(max-width:600px){.reactor-core{width:100px;height:100px}.glitch-title{font-size:1.8rem}.info-panel{width:80%;padding:15px}}@font-face{font-family:FontAwesome;src:url(/assets/fontawesome-webfont-G5YE5S7X.eot?v=4.7.0);src:url(/assets/fontawesome-webfont-G5YE5S7X.eot?#iefix&v=4.7.0) format("embedded-opentype"),url(/assets/fontawesome-webfont-B-jkhYfk.woff2?v=4.7.0) format("woff2"),url(/assets/fontawesome-webfont-CDK5bt4p.woff?v=4.7.0) format("woff"),url(/assets/fontawesome-webfont-CQDK8MU3.ttf?v=4.7.0) format("truetype"),url(/assets/fontawesome-webfont-D13rzr4g.svg?v=4.7.0#fontawesomeregular) format("svg");font-weight:400;font-style:normal}.fa{display:inline-block;font: 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.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{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.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{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1,1);-ms-transform:scale(-1,1);transform:scaleX(-1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1,-1);-ms-transform:scale(1,-1);transform:scaleY(-1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:""}.fa-music:before{content:""}.fa-search:before{content:""}.fa-envelope-o:before{content:""}.fa-heart:before{content:""}.fa-star:before{content:""}.fa-star-o:before{content:""}.fa-user:before{content:""}.fa-film:before{content:""}.fa-th-large:before{content:""}.fa-th:before{content:""}.fa-th-list:before{content:""}.fa-check:before{content:""}.fa-remove:before,.fa-close:before,.fa-times:before{content:""}.fa-search-plus:before{content:""}.fa-search-minus:before{content:""}.fa-power-off:before{content:""}.fa-signal:before{content:""}.fa-gear:before,.fa-cog:before{content:""}.fa-trash-o:before{content:""}.fa-home:before{content:""}.fa-file-o:before{content:""}.fa-clock-o:before{content:""}.fa-road:before{content:""}.fa-download:before{content:""}.fa-arrow-circle-o-down:before{content:""}.fa-arrow-circle-o-up:before{content:""}.fa-inbox:before{content:""}.fa-play-circle-o:before{content:""}.fa-rotate-right:before,.fa-repeat:before{content:""}.fa-refresh:before{content:""}.fa-list-alt:before{content:""}.fa-lock:before{content:""}.fa-flag:before{content:""}.fa-headphones:before{content:""}.fa-volume-off:before{content:""}.fa-volume-down:before{content:""}.fa-volume-up:before{content:""}.fa-qrcode:before{content:""}.fa-barcode:before{content:""}.fa-tag:before{content:""}.fa-tags:before{content:""}.fa-book:before{content:""}.fa-bookmark:before{content:""}.fa-print:before{content:""}.fa-camera:before{content:""}.fa-font:before{content:""}.fa-bold:before{content:""}.fa-italic:before{content:""}.fa-text-height:before{content:""}.fa-text-width:before{content:""}.fa-align-left:before{content:""}.fa-align-center:before{content:""}.fa-align-right:before{content:""}.fa-align-justify:before{content:""}.fa-list:before{content:""}.fa-dedent:before,.fa-outdent:before{content:""}.fa-indent:before{content:""}.fa-video-camera:before{content:""}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:""}.fa-pencil:before{content:""}.fa-map-marker:before{content:""}.fa-adjust:before{content:""}.fa-tint:before{content:""}.fa-edit:before,.fa-pencil-square-o:before{content:""}.fa-share-square-o:before{content:""}.fa-check-square-o:before{content:""}.fa-arrows:before{content:""}.fa-step-backward:before{content:""}.fa-fast-backward:before{content:""}.fa-backward:before{content:""}.fa-play:before{content:""}.fa-pause:before{content:""}.fa-stop:before{content:""}.fa-forward:before{content:""}.fa-fast-forward:before{content:""}.fa-step-forward:before{content:""}.fa-eject:before{content:""}.fa-chevron-left:before{content:""}.fa-chevron-right:before{content:""}.fa-plus-circle:before{content:""}.fa-minus-circle:before{content:""}.fa-times-circle:before{content:""}.fa-check-circle:before{content:""}.fa-question-circle:before{content:""}.fa-info-circle:before{content:""}.fa-crosshairs:before{content:""}.fa-times-circle-o:before{content:""}.fa-check-circle-o:before{content:""}.fa-ban:before{content:""}.fa-arrow-left:before{content:""}.fa-arrow-right:before{content:""}.fa-arrow-up:before{content:""}.fa-arrow-down:before{content:""}.fa-mail-forward:before,.fa-share:before{content:""}.fa-expand:before{content:""}.fa-compress:before{content:""}.fa-plus:before{content:""}.fa-minus:before{content:""}.fa-asterisk:before{content:""}.fa-exclamation-circle:before{content:""}.fa-gift:before{content:""}.fa-leaf:before{content:""}.fa-fire:before{content:""}.fa-eye:before{content:""}.fa-eye-slash:before{content:""}.fa-warning:before,.fa-exclamation-triangle:before{content:""}.fa-plane:before{content:""}.fa-calendar:before{content:""}.fa-random:before{content:""}.fa-comment:before{content:""}.fa-magnet:before{content:""}.fa-chevron-up:before{content:""}.fa-chevron-down:before{content:""}.fa-retweet:before{content:""}.fa-shopping-cart:before{content:""}.fa-folder:before{content:""}.fa-folder-open:before{content:""}.fa-arrows-v:before{content:""}.fa-arrows-h:before{content:""}.fa-bar-chart-o:before,.fa-bar-chart:before{content:""}.fa-twitter-square:before{content:""}.fa-facebook-square:before{content:""}.fa-camera-retro:before{content:""}.fa-key:before{content:""}.fa-gears:before,.fa-cogs:before{content:""}.fa-comments:before{content:""}.fa-thumbs-o-up:before{content:""}.fa-thumbs-o-down:before{content:""}.fa-star-half:before{content:""}.fa-heart-o:before{content:""}.fa-sign-out:before{content:""}.fa-linkedin-square:before{content:""}.fa-thumb-tack:before{content:""}.fa-external-link:before{content:""}.fa-sign-in:before{content:""}.fa-trophy:before{content:""}.fa-github-square:before{content:""}.fa-upload:before{content:""}.fa-lemon-o:before{content:""}.fa-phone:before{content:""}.fa-square-o:before{content:""}.fa-bookmark-o:before{content:""}.fa-phone-square:before{content:""}.fa-twitter:before{content:""}.fa-facebook-f:before,.fa-facebook:before{content:""}.fa-github:before{content:""}.fa-unlock:before{content:""}.fa-credit-card:before{content:""}.fa-feed:before,.fa-rss:before{content:""}.fa-hdd-o:before{content:""}.fa-bullhorn:before{content:""}.fa-bell:before{content:""}.fa-certificate:before{content:""}.fa-hand-o-right:before{content:""}.fa-hand-o-left:before{content:""}.fa-hand-o-up:before{content:""}.fa-hand-o-down:before{content:""}.fa-arrow-circle-left:before{content:""}.fa-arrow-circle-right:before{content:""}.fa-arrow-circle-up:before{content:""}.fa-arrow-circle-down:before{content:""}.fa-globe:before{content:""}.fa-wrench:before{content:""}.fa-tasks:before{content:""}.fa-filter:before{content:""}.fa-briefcase:before{content:""}.fa-arrows-alt:before{content:""}.fa-group:before,.fa-users:before{content:""}.fa-chain:before,.fa-link:before{content:""}.fa-cloud:before{content:""}.fa-flask:before{content:""}.fa-cut:before,.fa-scissors:before{content:""}.fa-copy:before,.fa-files-o:before{content:""}.fa-paperclip:before{content:""}.fa-save:before,.fa-floppy-o:before{content:""}.fa-square:before{content:""}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:""}.fa-list-ul:before{content:""}.fa-list-ol:before{content:""}.fa-strikethrough:before{content:""}.fa-underline:before{content:""}.fa-table:before{content:""}.fa-magic:before{content:""}.fa-truck:before{content:""}.fa-pinterest:before{content:""}.fa-pinterest-square:before{content:""}.fa-google-plus-square:before{content:""}.fa-google-plus:before{content:""}.fa-money:before{content:""}.fa-caret-down:before{content:""}.fa-caret-up:before{content:""}.fa-caret-left:before{content:""}.fa-caret-right:before{content:""}.fa-columns:before{content:""}.fa-unsorted:before,.fa-sort:before{content:""}.fa-sort-down:before,.fa-sort-desc:before{content:""}.fa-sort-up:before,.fa-sort-asc:before{content:""}.fa-envelope:before{content:""}.fa-linkedin:before{content:""}.fa-rotate-left:before,.fa-undo:before{content:""}.fa-legal:before,.fa-gavel:before{content:""}.fa-dashboard:before,.fa-tachometer:before{content:""}.fa-comment-o:before{content:""}.fa-comments-o:before{content:""}.fa-flash:before,.fa-bolt:before{content:""}.fa-sitemap:before{content:""}.fa-umbrella:before{content:""}.fa-paste:before,.fa-clipboard:before{content:""}.fa-lightbulb-o:before{content:""}.fa-exchange:before{content:""}.fa-cloud-download:before{content:""}.fa-cloud-upload:before{content:""}.fa-user-md:before{content:""}.fa-stethoscope:before{content:""}.fa-suitcase:before{content:""}.fa-bell-o:before{content:""}.fa-coffee:before{content:""}.fa-cutlery:before{content:""}.fa-file-text-o:before{content:""}.fa-building-o:before{content:""}.fa-hospital-o:before{content:""}.fa-ambulance:before{content:""}.fa-medkit:before{content:""}.fa-fighter-jet:before{content:""}.fa-beer:before{content:""}.fa-h-square:before{content:""}.fa-plus-square:before{content:""}.fa-angle-double-left:before{content:""}.fa-angle-double-right:before{content:""}.fa-angle-double-up:before{content:""}.fa-angle-double-down:before{content:""}.fa-angle-left:before{content:""}.fa-angle-right:before{content:""}.fa-angle-up:before{content:""}.fa-angle-down:before{content:""}.fa-desktop:before{content:""}.fa-laptop:before{content:""}.fa-tablet:before{content:""}.fa-mobile-phone:before,.fa-mobile:before{content:""}.fa-circle-o:before{content:""}.fa-quote-left:before{content:""}.fa-quote-right:before{content:""}.fa-spinner:before{content:""}.fa-circle:before{content:""}.fa-mail-reply:before,.fa-reply:before{content:""}.fa-github-alt:before{content:""}.fa-folder-o:before{content:""}.fa-folder-open-o:before{content:""}.fa-smile-o:before{content:""}.fa-frown-o:before{content:""}.fa-meh-o:before{content:""}.fa-gamepad:before{content:""}.fa-keyboard-o:before{content:""}.fa-flag-o:before{content:""}.fa-flag-checkered:before{content:""}.fa-terminal:before{content:""}.fa-code:before{content:""}.fa-mail-reply-all:before,.fa-reply-all:before{content:""}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:""}.fa-location-arrow:before{content:""}.fa-crop:before{content:""}.fa-code-fork:before{content:""}.fa-unlink:before,.fa-chain-broken:before{content:""}.fa-question:before{content:""}.fa-info:before{content:""}.fa-exclamation:before{content:""}.fa-superscript:before{content:""}.fa-subscript:before{content:""}.fa-eraser:before{content:""}.fa-puzzle-piece:before{content:""}.fa-microphone:before{content:""}.fa-microphone-slash:before{content:""}.fa-shield:before{content:""}.fa-calendar-o:before{content:""}.fa-fire-extinguisher:before{content:""}.fa-rocket:before{content:""}.fa-maxcdn:before{content:""}.fa-chevron-circle-left:before{content:""}.fa-chevron-circle-right:before{content:""}.fa-chevron-circle-up:before{content:""}.fa-chevron-circle-down:before{content:""}.fa-html5:before{content:""}.fa-css3:before{content:""}.fa-anchor:before{content:""}.fa-unlock-alt:before{content:""}.fa-bullseye:before{content:""}.fa-ellipsis-h:before{content:""}.fa-ellipsis-v:before{content:""}.fa-rss-square:before{content:""}.fa-play-circle:before{content:""}.fa-ticket:before{content:""}.fa-minus-square:before{content:""}.fa-minus-square-o:before{content:""}.fa-level-up:before{content:""}.fa-level-down:before{content:""}.fa-check-square:before{content:""}.fa-pencil-square:before{content:""}.fa-external-link-square:before{content:""}.fa-share-square:before{content:""}.fa-compass:before{content:""}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:""}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:""}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:""}.fa-euro:before,.fa-eur:before{content:""}.fa-gbp:before{content:""}.fa-dollar:before,.fa-usd:before{content:""}.fa-rupee:before,.fa-inr:before{content:""}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:""}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:""}.fa-won:before,.fa-krw:before{content:""}.fa-bitcoin:before,.fa-btc:before{content:""}.fa-file:before{content:""}.fa-file-text:before{content:""}.fa-sort-alpha-asc:before{content:""}.fa-sort-alpha-desc:before{content:""}.fa-sort-amount-asc:before{content:""}.fa-sort-amount-desc:before{content:""}.fa-sort-numeric-asc:before{content:""}.fa-sort-numeric-desc:before{content:""}.fa-thumbs-up:before{content:""}.fa-thumbs-down:before{content:""}.fa-youtube-square:before{content:""}.fa-youtube:before{content:""}.fa-xing:before{content:""}.fa-xing-square:before{content:""}.fa-youtube-play:before{content:""}.fa-dropbox:before{content:""}.fa-stack-overflow:before{content:""}.fa-instagram:before{content:""}.fa-flickr:before{content:""}.fa-adn:before{content:""}.fa-bitbucket:before{content:""}.fa-bitbucket-square:before{content:""}.fa-tumblr:before{content:""}.fa-tumblr-square:before{content:""}.fa-long-arrow-down:before{content:""}.fa-long-arrow-up:before{content:""}.fa-long-arrow-left:before{content:""}.fa-long-arrow-right:before{content:""}.fa-apple:before{content:""}.fa-windows:before{content:""}.fa-android:before{content:""}.fa-linux:before{content:""}.fa-dribbble:before{content:""}.fa-skype:before{content:""}.fa-foursquare:before{content:""}.fa-trello:before{content:""}.fa-female:before{content:""}.fa-male:before{content:""}.fa-gittip:before,.fa-gratipay:before{content:""}.fa-sun-o:before{content:""}.fa-moon-o:before{content:""}.fa-archive:before{content:""}.fa-bug:before{content:""}.fa-vk:before{content:""}.fa-weibo:before{content:""}.fa-renren:before{content:""}.fa-pagelines:before{content:""}.fa-stack-exchange:before{content:""}.fa-arrow-circle-o-right:before{content:""}.fa-arrow-circle-o-left:before{content:""}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:""}.fa-dot-circle-o:before{content:""}.fa-wheelchair:before{content:""}.fa-vimeo-square:before{content:""}.fa-turkish-lira:before,.fa-try:before{content:""}.fa-plus-square-o:before{content:""}.fa-space-shuttle:before{content:""}.fa-slack:before{content:""}.fa-envelope-square:before{content:""}.fa-wordpress:before{content:""}.fa-openid:before{content:""}.fa-institution:before,.fa-bank:before,.fa-university:before{content:""}.fa-mortar-board:before,.fa-graduation-cap:before{content:""}.fa-yahoo:before{content:""}.fa-google:before{content:""}.fa-reddit:before{content:""}.fa-reddit-square:before{content:""}.fa-stumbleupon-circle:before{content:""}.fa-stumbleupon:before{content:""}.fa-delicious:before{content:""}.fa-digg:before{content:""}.fa-pied-piper-pp:before{content:""}.fa-pied-piper-alt:before{content:""}.fa-drupal:before{content:""}.fa-joomla:before{content:""}.fa-language:before{content:""}.fa-fax:before{content:""}.fa-building:before{content:""}.fa-child:before{content:""}.fa-paw:before{content:""}.fa-spoon:before{content:""}.fa-cube:before{content:""}.fa-cubes:before{content:""}.fa-behance:before{content:""}.fa-behance-square:before{content:""}.fa-steam:before{content:""}.fa-steam-square:before{content:""}.fa-recycle:before{content:""}.fa-automobile:before,.fa-car:before{content:""}.fa-cab:before,.fa-taxi:before{content:""}.fa-tree:before{content:""}.fa-spotify:before{content:""}.fa-deviantart:before{content:""}.fa-soundcloud:before{content:""}.fa-database:before{content:""}.fa-file-pdf-o:before{content:""}.fa-file-word-o:before{content:""}.fa-file-excel-o:before{content:""}.fa-file-powerpoint-o:before{content:""}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:""}.fa-file-zip-o:before,.fa-file-archive-o:before{content:""}.fa-file-sound-o:before,.fa-file-audio-o:before{content:""}.fa-file-movie-o:before,.fa-file-video-o:before{content:""}.fa-file-code-o:before{content:""}.fa-vine:before{content:""}.fa-codepen:before{content:""}.fa-jsfiddle:before{content:""}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:""}.fa-circle-o-notch:before{content:""}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:""}.fa-ge:before,.fa-empire:before{content:""}.fa-git-square:before{content:""}.fa-git:before{content:""}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:""}.fa-tencent-weibo:before{content:""}.fa-qq:before{content:""}.fa-wechat:before,.fa-weixin:before{content:""}.fa-send:before,.fa-paper-plane:before{content:""}.fa-send-o:before,.fa-paper-plane-o:before{content:""}.fa-history:before{content:""}.fa-circle-thin:before{content:""}.fa-header:before{content:""}.fa-paragraph:before{content:""}.fa-sliders:before{content:""}.fa-share-alt:before{content:""}.fa-share-alt-square:before{content:""}.fa-bomb:before{content:""}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:""}.fa-tty:before{content:""}.fa-binoculars:before{content:""}.fa-plug:before{content:""}.fa-slideshare:before{content:""}.fa-twitch:before{content:""}.fa-yelp:before{content:""}.fa-newspaper-o:before{content:""}.fa-wifi:before{content:""}.fa-calculator:before{content:""}.fa-paypal:before{content:""}.fa-google-wallet:before{content:""}.fa-cc-visa:before{content:""}.fa-cc-mastercard:before{content:""}.fa-cc-discover:before{content:""}.fa-cc-amex:before{content:""}.fa-cc-paypal:before{content:""}.fa-cc-stripe:before{content:""}.fa-bell-slash:before{content:""}.fa-bell-slash-o:before{content:""}.fa-trash:before{content:""}.fa-copyright:before{content:""}.fa-at:before{content:""}.fa-eyedropper:before{content:""}.fa-paint-brush:before{content:""}.fa-birthday-cake:before{content:""}.fa-area-chart:before{content:""}.fa-pie-chart:before{content:""}.fa-line-chart:before{content:""}.fa-lastfm:before{content:""}.fa-lastfm-square:before{content:""}.fa-toggle-off:before{content:""}.fa-toggle-on:before{content:""}.fa-bicycle:before{content:""}.fa-bus:before{content:""}.fa-ioxhost:before{content:""}.fa-angellist:before{content:""}.fa-cc:before{content:""}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:""}.fa-meanpath:before{content:""}.fa-buysellads:before{content:""}.fa-connectdevelop:before{content:""}.fa-dashcube:before{content:""}.fa-forumbee:before{content:""}.fa-leanpub:before{content:""}.fa-sellsy:before{content:""}.fa-shirtsinbulk:before{content:""}.fa-simplybuilt:before{content:""}.fa-skyatlas:before{content:""}.fa-cart-plus:before{content:""}.fa-cart-arrow-down:before{content:""}.fa-diamond:before{content:""}.fa-ship:before{content:""}.fa-user-secret:before{content:""}.fa-motorcycle:before{content:""}.fa-street-view:before{content:""}.fa-heartbeat:before{content:""}.fa-venus:before{content:""}.fa-mars:before{content:""}.fa-mercury:before{content:""}.fa-intersex:before,.fa-transgender:before{content:""}.fa-transgender-alt:before{content:""}.fa-venus-double:before{content:""}.fa-mars-double:before{content:""}.fa-venus-mars:before{content:""}.fa-mars-stroke:before{content:""}.fa-mars-stroke-v:before{content:""}.fa-mars-stroke-h:before{content:""}.fa-neuter:before{content:""}.fa-genderless:before{content:""}.fa-facebook-official:before{content:""}.fa-pinterest-p:before{content:""}.fa-whatsapp:before{content:""}.fa-server:before{content:""}.fa-user-plus:before{content:""}.fa-user-times:before{content:""}.fa-hotel:before,.fa-bed:before{content:""}.fa-viacoin:before{content:""}.fa-train:before{content:""}.fa-subway:before{content:""}.fa-medium:before{content:""}.fa-yc:before,.fa-y-combinator:before{content:""}.fa-optin-monster:before{content:""}.fa-opencart:before{content:""}.fa-expeditedssl:before{content:""}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:""}.fa-battery-3:before,.fa-battery-three-quarters:before{content:""}.fa-battery-2:before,.fa-battery-half:before{content:""}.fa-battery-1:before,.fa-battery-quarter:before{content:""}.fa-battery-0:before,.fa-battery-empty:before{content:""}.fa-mouse-pointer:before{content:""}.fa-i-cursor:before{content:""}.fa-object-group:before{content:""}.fa-object-ungroup:before{content:""}.fa-sticky-note:before{content:""}.fa-sticky-note-o:before{content:""}.fa-cc-jcb:before{content:""}.fa-cc-diners-club:before{content:""}.fa-clone:before{content:""}.fa-balance-scale:before{content:""}.fa-hourglass-o:before{content:""}.fa-hourglass-1:before,.fa-hourglass-start:before{content:""}.fa-hourglass-2:before,.fa-hourglass-half:before{content:""}.fa-hourglass-3:before,.fa-hourglass-end:before{content:""}.fa-hourglass:before{content:""}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:""}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:""}.fa-hand-scissors-o:before{content:""}.fa-hand-lizard-o:before{content:""}.fa-hand-spock-o:before{content:""}.fa-hand-pointer-o:before{content:""}.fa-hand-peace-o:before{content:""}.fa-trademark:before{content:""}.fa-registered:before{content:""}.fa-creative-commons:before{content:""}.fa-gg:before{content:""}.fa-gg-circle:before{content:""}.fa-tripadvisor:before{content:""}.fa-odnoklassniki:before{content:""}.fa-odnoklassniki-square:before{content:""}.fa-get-pocket:before{content:""}.fa-wikipedia-w:before{content:""}.fa-safari:before{content:""}.fa-chrome:before{content:""}.fa-firefox:before{content:""}.fa-opera:before{content:""}.fa-internet-explorer:before{content:""}.fa-tv:before,.fa-television:before{content:""}.fa-contao:before{content:""}.fa-500px:before{content:""}.fa-amazon:before{content:""}.fa-calendar-plus-o:before{content:""}.fa-calendar-minus-o:before{content:""}.fa-calendar-times-o:before{content:""}.fa-calendar-check-o:before{content:""}.fa-industry:before{content:""}.fa-map-pin:before{content:""}.fa-map-signs:before{content:""}.fa-map-o:before{content:""}.fa-map:before{content:""}.fa-commenting:before{content:""}.fa-commenting-o:before{content:""}.fa-houzz:before{content:""}.fa-vimeo:before{content:""}.fa-black-tie:before{content:""}.fa-fonticons:before{content:""}.fa-reddit-alien:before{content:""}.fa-edge:before{content:""}.fa-credit-card-alt:before{content:""}.fa-codiepie:before{content:""}.fa-modx:before{content:""}.fa-fort-awesome:before{content:""}.fa-usb:before{content:""}.fa-product-hunt:before{content:""}.fa-mixcloud:before{content:""}.fa-scribd:before{content:""}.fa-pause-circle:before{content:""}.fa-pause-circle-o:before{content:""}.fa-stop-circle:before{content:""}.fa-stop-circle-o:before{content:""}.fa-shopping-bag:before{content:""}.fa-shopping-basket:before{content:""}.fa-hashtag:before{content:""}.fa-bluetooth:before{content:""}.fa-bluetooth-b:before{content:""}.fa-percent:before{content:""}.fa-gitlab:before{content:""}.fa-wpbeginner:before{content:""}.fa-wpforms:before{content:""}.fa-envira:before{content:""}.fa-universal-access:before{content:""}.fa-wheelchair-alt:before{content:""}.fa-question-circle-o:before{content:""}.fa-blind:before{content:""}.fa-audio-description:before{content:""}.fa-volume-control-phone:before{content:""}.fa-braille:before{content:""}.fa-assistive-listening-systems:before{content:""}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:""}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:""}.fa-glide:before{content:""}.fa-glide-g:before{content:""}.fa-signing:before,.fa-sign-language:before{content:""}.fa-low-vision:before{content:""}.fa-viadeo:before{content:""}.fa-viadeo-square:before{content:""}.fa-snapchat:before{content:""}.fa-snapchat-ghost:before{content:""}.fa-snapchat-square:before{content:""}.fa-pied-piper:before{content:""}.fa-first-order:before{content:""}.fa-yoast:before{content:""}.fa-themeisle:before{content:""}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:""}.fa-fa:before,.fa-font-awesome:before{content:""}.fa-handshake-o:before{content:""}.fa-envelope-open:before{content:""}.fa-envelope-open-o:before{content:""}.fa-linode:before{content:""}.fa-address-book:before{content:""}.fa-address-book-o:before{content:""}.fa-vcard:before,.fa-address-card:before{content:""}.fa-vcard-o:before,.fa-address-card-o:before{content:""}.fa-user-circle:before{content:""}.fa-user-circle-o:before{content:""}.fa-user-o:before{content:""}.fa-id-badge:before{content:""}.fa-drivers-license:before,.fa-id-card:before{content:""}.fa-drivers-license-o:before,.fa-id-card-o:before{content:""}.fa-quora:before{content:""}.fa-free-code-camp:before{content:""}.fa-telegram:before{content:""}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:""}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:""}.fa-thermometer-2:before,.fa-thermometer-half:before{content:""}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:""}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:""}.fa-shower:before{content:""}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:""}.fa-podcast:before{content:""}.fa-window-maximize:before{content:""}.fa-window-minimize:before{content:""}.fa-window-restore:before{content:""}.fa-times-rectangle:before,.fa-window-close:before{content:""}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:""}.fa-bandcamp:before{content:""}.fa-grav:before{content:""}.fa-etsy:before{content:""}.fa-imdb:before{content:""}.fa-ravelry:before{content:""}.fa-eercast:before{content:""}.fa-microchip:before{content:""}.fa-snowflake-o:before{content:""}.fa-superpowers:before{content:""}.fa-wpexplorer:before{content:""}.fa-meetup:before{content:""}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}:root{--bg-deep: #050816;--primary: #6366f1;--accent: #06b6d4;--text-main: #f9fafb;--text-muted: #9ca3af;--glass-border: rgba(255, 255, 255, .1);--glass-bg: rgba(17, 24, 39, .7)}body{font-family:Outfit,sans-serif;background-color:var(--bg-deep);color:var(--text-main);overflow-x:hidden}.home-container{position:relative;width:100%;min-height:100vh;padding-top:80px}.three-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:radial-gradient(circle at 50% 0%,#1a162e,#050816 80%)}.hero-section{display:flex;align-items:center;justify-content:space-between;padding:60px 8%;min-height:85vh;gap:40px}.hero-content{flex:1;max-width:650px;z-index:2}.badge{display:inline-block;padding:8px 16px;background:#6366f126;border:1px solid rgba(99,102,241,.3);border-radius:50px;color:#a5b4fc;font-size:.9rem;font-weight:600;margin-bottom:24px}.hero-title{font-size:clamp(3rem,5vw,4.5rem);line-height:1.1;font-weight:800;margin-bottom:24px}.gradient-text{background:linear-gradient(135deg,#fff 0%,var(--primary) 50%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-desc{font-size:1.15rem;color:var(--text-muted);line-height:1.7;margin-bottom:40px;max-width:90%}.btn-primary{padding:16px 48px;font-size:1.1rem;font-weight:600;color:#fff;background:linear-gradient(90deg,var(--primary),#8b5cf6);border:none;border-radius:12px;cursor:pointer;transition:.3s;box-shadow:0 10px 30px -10px #6366f180}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 20px 40px -10px #6366f1b3}.hero-visual{flex:1;display:flex;justify-content:center;perspective:1000px;position:relative}.floating-card{position:relative;width:320px;height:400px;transform-style:preserve-3d;animation:floatCard 6s ease-in-out infinite;transform:rotateY(-15deg) rotateX(10deg)}.glass-panel{position:absolute;inset:0;background:#1e293b99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 25px 50px -12px #00000080}.chart-circle{width:140px;height:140px;border-radius:50%;border:10px solid rgba(255,255,255,.05);border-top-color:var(--accent);border-right-color:var(--primary);display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:30px}.chart-circle .percent{font-size:2rem;font-weight:800;color:#fff}.chart-circle .label{font-size:.8rem;color:var(--text-muted);text-transform:uppercase}.progress-bars{width:80%;display:flex;flex-direction:column;gap:12px}.bar{width:100%;height:8px;background:#ffffff1a;border-radius:10px}.fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:10px}.float-icon{position:absolute;font-size:2.5rem;background:#1e293bcc;border:1px solid var(--glass-border);padding:12px;border-radius:16px;box-shadow:0 10px 25px #0000004d;z-index:10}.icon-1{top:-20px;left:-20px;animation:bounce 4s infinite ease-in-out}.icon-2{bottom:30px;right:-30px;animation:bounce 5s infinite ease-in-out 1s}.features-section{padding:80px 8%;text-align:center}.section-title{font-size:2.5rem;font-weight:700;margin-bottom:60px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:30px}.tilt-wrapper{height:100%;transform-style:preserve-3d}.feature-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);padding:40px 30px;border-radius:24px;height:100%;transform-style:preserve-3d;transition:.3s}.feature-card:hover{background:#1e293bcc;box-shadow:0 10px 30px -5px #6366f133}.icon-box{font-size:3rem;margin-bottom:24px;display:inline-block;transform:translateZ(30px)}.color-1{filter:drop-shadow(0 0 10px rgba(99,102,241,.5))}.color-2{filter:drop-shadow(0 0 10px rgba(6,182,212,.5))}.feature-card h3{font-size:1.4rem;margin-bottom:12px;transform:translateZ(20px)}.feature-card p{color:var(--text-muted);font-size:.95rem;line-height:1.6;transform:translateZ(20px)}.stats-section{margin:60px 8%;background:#ffffff08;border:1px solid var(--glass-border);border-radius:20px;display:flex;justify-content:space-around;flex-wrap:wrap;padding:40px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-box{text-align:center;padding:10px}.stat-box h2{font-size:3rem;font-weight:800;margin-bottom:5px}.stat-box p{color:var(--primary);font-weight:600;letter-spacing:1px}.modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;display:flex;justify-content:center;align-items:center}.modal-glass{background:#0f172a;width:90%;max-width:420px;padding:40px;border-radius:24px;border:1px solid var(--glass-border);position:relative;box-shadow:0 0 60px #6366f133}.modal-glass h2{text-align:center;margin-bottom:10px}.modal-glass p{text-align:center;color:var(--text-muted);margin-bottom:30px}.input-group input{width:100%;padding:14px;margin-bottom:15px;background:#0000004d;border:1px solid #334155;color:#fff;border-radius:12px;outline:none}.input-group input:focus{border-color:var(--primary);background:#00000080}.submit-btn{width:100%;padding:14px;background:var(--primary);color:#fff;font-weight:700;border:none;border-radius:12px;cursor:pointer;transition:.3s}.submit-btn:hover{background:var(--accent)}.close-btn{position:absolute;top:15px;right:20px;background:none;border:none;color:#fff;font-size:2rem;cursor:pointer}@keyframes floatCard{0%,to{transform:rotateY(-15deg) rotateX(10deg) translateY(0)}50%{transform:rotateY(-5deg) rotateX(5deg) translateY(-20px)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@media(max-width:900px){.hero-section{flex-direction:column;text-align:center;padding-top:40px}.hero-visual{width:100%;margin-top:40px}.stats-section{flex-direction:column;gap:30px}}:root{--sidebar-width: 280px;--bg-color: #ffffff;--bg-secondary: #f3f4f6;--primary-gradient: linear-gradient(135deg, #6366f1 0%, #5b21b6 100%);--primary-color: #6366f1;--primary-hover: #4f46e5;--text-main: #1f2937;--text-muted: #6b7280;--text-white: #ffffff;--shadow-soft: 4px 0 24px rgba(0, 0, 0, .04);--shadow-active: 0 10px 20px -10px rgba(99, 102, 241, .5);--radius-xl: 16px;--radius-md: 12px}.sidebar{position:fixed;top:0;left:0;height:100vh;width:var(--sidebar-width);background:var(--bg-color);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;z-index:1000;transition:transform .3s cubic-bezier(.4,0,.2,1);border-right:1px solid rgba(0,0,0,.03)}.sidebar-header{padding:30px 24px;display:flex;align-items:center;gap:15px}.logo-icon{width:45px;height:45px;background:var(--primary-gradient);color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;box-shadow:0 4px 10px #6366f14d}.logo-text h2{font-size:1.4rem;font-weight:700;color:var(--text-main);margin:0;line-height:1}.logo-text p{font-size:.75rem;color:var(--text-muted);margin:4px 0 0;font-weight:500;text-transform:uppercase;letter-spacing:1px}.highlight{color:var(--primary-color)}.nav-container{flex:1;padding:10px 16px;overflow-y:auto}.nav-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.nav-link{position:relative;display:flex;align-items:center;padding:14px 18px;color:var(--text-muted);text-decoration:none;border-radius:var(--radius-md);transition:all .3s ease;font-weight:500}.nav-icon{font-size:1.2rem;width:30px;transition:transform .2s}.arrow-indicator{margin-left:auto;font-size:.8rem}.nav-link:hover{background-color:var(--bg-secondary);color:var(--primary-color);transform:translate(3px)}.nav-link:hover .nav-icon{transform:scale(1.1)}.nav-link.active{background:var(--primary-gradient);color:var(--text-white);box-shadow:var(--shadow-active);font-weight:600}.nav-link.active .nav-icon{color:#fff}.sidebar-footer{padding:24px;border-top:1px solid rgba(0,0,0,.05)}.logout-btn{width:100%;padding:14px;border:1px solid #fee2e2;background:#fff1f2;color:#e11d48;border-radius:var(--radius-md);font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .2s}.logout-btn:hover{background:#e11d48;color:#fff;border-color:#e11d48;box-shadow:0 4px 12px #e11d4840}.mobile-header-strip{display:none}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000004d;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:900;opacity:0;visibility:hidden;transition:all .3s}.sidebar-overlay.show{opacity:1;visibility:visible}@media(max-width:768px){.sidebar{transform:translate(-100%);width:260px}.sidebar.open{transform:translate(0)}.mobile-header-strip{display:flex;align-items:center;gap:15px;padding:15px;background:#fff;box-shadow:0 2px 10px #0000000d;position:fixed;top:0;left:0;width:100%;z-index:950}.mobile-logo{font-weight:700;font-size:1.2rem;color:var(--text-main)}.mobile-toggle-btn{border:none;background:transparent;font-size:1.4rem;color:var(--text-main);cursor:pointer}}:root{--primary-color: #6a11cb;--secondary-color: #2575fc;--text-color: #333;--bg-glass: rgba(255, 255, 255, .7);--bg-glass-scrolled: rgba(255, 255, 255, .95);--shadow: 0 4px 30px rgba(0, 0, 0, .1)}.modern-navbar{position:fixed;top:0;left:0;width:100%;height:80px;display:flex;align-items:center;justify-content:center;z-index:1000;transition:all .4s ease-in-out;background:transparent}.modern-navbar.scrolled{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow);height:70px}.navbar-container{display:flex;justify-content:space-between;align-items:center;width:90%;max-width:1200px}.logo-img{height:50px;cursor:pointer;transition:transform .3s ease}.logo-img:hover{transform:scale(1.05)}.nav-links-container{display:flex;align-items:center;gap:30px}.nav-menu{display:flex;list-style:none;gap:25px;margin:0;padding:0}.nav-link{text-decoration:none;color:var(--text-color);font-size:1.1rem;font-weight:500;position:relative;transition:color .3s}.nav-link:after{content:"";position:absolute;width:0%;height:2px;bottom:-4px;left:0;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));transition:width .3s ease}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-link:hover{color:var(--primary-color)}.glow-btn{padding:10px 24px;border:none;border-radius:50px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;font-size:1rem;font-weight:600;cursor:pointer;position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;z-index:1}.glow-btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--secondary-color),var(--primary-color));z-index:-1;transition:opacity .3s ease;opacity:0}.glow-btn:hover:before{opacity:1}.glow-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #2575fc66}.menu-icon{display:none;flex-direction:column;cursor:pointer;gap:5px}.bar{width:25px;height:3px;background-color:#333;border-radius:2px;transition:all .3s ease}.mobile-only{display:none}.desktop-only{display:block}@media(max-width:768px){.menu-icon{display:flex;z-index:1100}.desktop-only{display:none}.mobile-only{display:block}.nav-links-container{position:fixed;top:0;right:-100%;width:70%;height:100vh;background:linear-gradient(90deg,#b13d4e,#2c4856);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);flex-direction:column;justify-content:center;align-items:center;transition:right .4s cubic-bezier(.77,0,.175,1);box-shadow:-5px 0 15px #0000001a}.nav-links-container.active{right:0}.nav-menu{flex-direction:column;align-items:center;gap:40px}.nav-link{font-size:1.5rem}.menu-icon.open .bar:nth-child(1){transform:translateY(8px) rotate(45deg)}.menu-icon.open .bar:nth-child(2){opacity:0}.menu-icon.open .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}}:root{--primary: #4f46e5;--text-main: #0f172a;--text-body: #64748b;--bg-body: #f1f5f9;--card-bg: #ffffff;--border-light: #e2e8f0;--radius-lg: 16px;--radius-md: 12px;--shadow-lg: 0 10px 30px -5px rgba(0, 0, 0, .05)}body{font-family:Plus Jakarta Sans,sans-serif;background-color:var(--bg-body)}.profile-wrapper{min-height:100vh;width:100%;padding:120px 20px 60px;display:flex;justify-content:center;align-items:flex-start}.profile-card{width:90%;max-width:650px;background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;border:1px solid var(--border-light);animation:slideUp .5s cubic-bezier(.16,1,.3,1)}.cover-photo{height:200px;width:100%;overflow:hidden;position:relative}.cover-photo img{width:100%;height:100%;object-fit:cover}.cover-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.3))}.profile-identity{position:relative;padding:0 40px 30px;display:flex;align-items:flex-end;margin-top:-60px;gap:25px}.avatar-wrapper{position:relative;width:130px;height:130px;border-radius:50%;border:4px solid var(--card-bg);background:var(--card-bg);box-shadow:0 4px 10px #0000001a;flex-shrink:0}.avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover}.camera-btn{position:absolute;bottom:5px;right:5px;background:var(--text-main);color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;border:2px solid white;transition:.2s}.camera-btn:hover{transform:scale(1.1);background:var(--primary)}.user-info{flex:1;padding-bottom:5px}.username{font-size:2rem;font-weight:700;color:var(--text-main);margin:0}.user-role{color:var(--text-body);font-size:1rem;margin-bottom:10px}.badges{display:flex;gap:8px}.badge{font-size:.75rem;padding:4px 10px;border-radius:20px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge.pro{background:#e0e7ff;color:var(--primary)}.badge.verified{background:#dcfce7;color:#16a34a}.header-btn-group{display:flex;gap:10px;padding-bottom:5px}.btn-outline{padding:10px 20px;border:1px solid var(--border-light);background:#fff;border-radius:8px;font-weight:600;cursor:pointer;transition:.2s}.btn-outline:hover{border-color:var(--primary);color:var(--primary);background:#f8fafc}.btn-danger{padding:10px 20px;border:none;background:#fee2e2;color:#ef4444;border-radius:8px;font-weight:600;cursor:pointer;transition:.2s}.btn-danger:hover{background:#fecaca}.tabs-container{padding:0 40px;border-bottom:1px solid var(--border-light);display:flex;gap:30px}.tab{padding:15px 0;background:none;border:none;font-size:1rem;font-weight:500;color:var(--text-body);cursor:pointer;position:relative;transition:.3s}.tab:hover{color:var(--primary)}.tab.active{color:var(--primary);font-weight:600}.tab.active:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:var(--primary);border-radius:3px 3px 0 0}.content-body{padding:40px;background:#fdfdfd}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:40px}.image-card{background:#fff;border-radius:var(--radius-md);border:1px solid var(--border-light);padding:15px;display:flex;align-items:center;gap:20px;transition:transform .3s ease,box-shadow .3s ease}.image-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000000d}.card-img-holder{width:70px;height:70px;border-radius:12px;overflow:hidden;flex-shrink:0}.card-img-holder img{width:100%;height:100%;object-fit:cover}.card-text h3{font-size:1.5rem;font-weight:700;color:var(--text-main);margin:0}.card-text p{font-size:.9rem;color:var(--text-body);margin:0}.details-container h3{margin-bottom:20px;font-size:1.2rem;color:var(--text-main)}.details-row{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.detail-group label{display:block;font-size:.85rem;color:var(--text-body);margin-bottom:8px;font-weight:500}.value-box{padding:12px 16px;background:#fff;border:1px solid var(--border-light);border-radius:8px;color:var(--text-main);font-weight:500;font-size:1rem}.value-box.blur{filter:blur(4px);cursor:pointer;transition:.2s;-webkit-user-select:none;user-select:none}.value-box.blur:hover{filter:blur(0)}.settings-section{max-width:500px}.settings-section h3{margin-bottom:5px}.settings-section p{color:var(--text-body);margin-bottom:25px}.form-input-group{margin-bottom:20px}.form-input-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-main)}.form-input-group input{width:100%;padding:12px;border:1px solid var(--border-light);border-radius:8px;font-size:1rem;outline:none;transition:.2s}.form-input-group input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51a}.btn-primary{padding:12px 24px;background:var(--primary);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:.2s}.btn-primary:hover{background:#4338ca}@media(max-width:768px){.profile-wrapper{padding-top:100px;padding-left:15px;padding-right:15px}.profile-identity{flex-direction:column;align-items:center;text-align:center;margin-top:-65px}.user-info{width:100%;display:flex;flex-direction:column;align-items:center;margin-bottom:15px}.header-btn-group{width:100%;justify-content:center}.stats-grid,.details-row{grid-template-columns:1fr}.tabs-container{justify-content:center}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.loader-container{display:flex;height:100vh;justify-content:center;align-items:center}.spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}:root{--bg-color: #f1f5f9;--card-bg: #ffffff;--text-dark: #0f172a;--text-muted: #070b10;--border-light: #e2e8f0;--primary: #4f46e5}body{margin:0;background-color:var(--bg-color);font-family:Plus Jakarta Sans,sans-serif;color:var(--text-dark)}.light-dashboard{min-height:100vh;display:flex;justify-content:center;padding:30px 20px}.dash-content{width:90%;max-width:700px}.header-clean{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.header-clean h1{font-size:1.8rem;margin:0;font-weight:700;color:var(--text-dark)}.header-clean p{margin:5px 0 0;color:var(--text-muted);font-size:.95rem}.date-pill{background:#fff;padding:8px 16px;border-radius:50px;font-size:.85rem;font-weight:600;color:var(--text-muted);box-shadow:0 2px 5px #00000008;border:1px solid var(--border-light)}.bento-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-areas:"kpi1 kpi2 kpi3 kpi3" "main main main side" "hist hist inst inst";gap:24px}.card{background:var(--card-bg);border-radius:20px;padding:24px;box-shadow:0 4px 20px #00000008;border:1px solid rgba(255,255,255,.5);transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-3px);box-shadow:0 10px 25px #0000000f}.card-header{margin-bottom:20px;border-bottom:1px solid var(--border-light);padding-bottom:10px}.card-header h3{margin:0;font-size:1.1rem;color:var(--text-dark)}.kpi-card{display:flex;align-items:center;gap:20px}.kpi-card:nth-child(1){grid-area:kpi1}.kpi-card:nth-child(2){grid-area:kpi2}.kpi-card:nth-child(3){grid-area:kpi3}.icon-box{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.icon-box.blue{background:#e0e7ff;color:#4338ca}.icon-box.green{background:#dcfce7;color:#15803d}.icon-box.purple{background:#f3e8ff;color:#7e22ce}.kpi-label{margin:0;color:var(--text-muted);font-size:.85rem;font-weight:500}.kpi-value{margin:2px 0 0;font-size:1.8rem;font-weight:700;color:var(--text-dark)}.chart-main{grid-area:main;height:380px;display:flex;flex-direction:column}.chart-side{grid-area:side;height:380px;display:flex;flex-direction:column}.chart-box{flex:1;min-height:0}.clean-tooltip{background:#fff;border:1px solid var(--border-light);padding:10px 15px;border-radius:8px;box-shadow:0 4px 12px #0000001a}.clean-tooltip .label{margin:0;color:var(--text-muted);font-size:.8rem}.clean-tooltip .value{margin:0;font-size:1.1rem;font-weight:700;color:var(--primary)}.history-section{grid-area:hist;display:flex;flex-direction:column;min-height:300px}.history-list{flex:1;overflow-y:auto;padding-right:5px}.history-list::-webkit-scrollbar{width:5px}.history-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.history-row{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid #f1f5f9}.history-row:last-child{border-bottom:none}.grade-badge{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700;margin-right:15px;font-size:.9rem}.row-info{flex:1}.row-info h4{margin:0;font-size:.95rem;color:var(--text-dark)}.status-label{font-size:.75rem;color:var(--text-muted);background:#f8fafc;padding:2px 6px;border-radius:4px}.row-score{font-weight:700;font-size:1rem}.insights-section{grid-area:inst}.insight-container{display:flex;flex-direction:column;gap:15px}.insight-item{display:flex;align-items:flex-start;gap:12px;background:#f8fafc;padding:12px;border-radius:12px;border:1px solid #f1f5f9}.insight-item p{margin:0;font-size:.9rem;color:#475569;line-height:1.4}.dot{width:8px;height:8px;border-radius:50%;margin-top:6px;flex-shrink:0}.dot.blue{background:#3b82f6}.dot.orange{background:#f97316}.dot.green{background:#22c55e}@media(max-width:1024px){.bento-grid{grid-template-columns:1fr 1fr;grid-template-areas:"kpi1 kpi2" "kpi3 kpi3" "main main" "side side" "hist hist" "inst inst"}}@media(max-width:768px){.bento-grid{display:flex;flex-direction:column;gap:20px}.header-clean{flex-direction:column;align-items:flex-start;gap:10px}.chart-main,.chart-side{height:300px}}:root{--bg-color: #f8fafc;--card-bg: #ffffff;--text-main: #1e293b;--text-muted: #64748b;--primary: #4f46e5;--success-bg: #dcfce7;--success-text: #166534;--fail-bg: #fee2e2;--fail-text: #991b1b;--shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, .05);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .08)}body{margin:0;font-family:Plus Jakarta Sans,sans-serif;background-color:var(--bg-color);color:var(--text-main)}.history-page{min-height:100vh;display:flex;justify-content:center;padding:40px 20px}.history-container{width:100%;max-width:600px}.hist-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:40px;flex-wrap:wrap;gap:20px}.header-left{display:flex;flex-direction:column;gap:15px}.back-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1rem;font-weight:600;display:flex;align-items:center;padding:0;transition:.2s}.back-btn:hover{color:var(--primary);transform:translate(-5px)}.title-box h1{margin:0;font-size:2rem;color:var(--text-main)}.title-box p{margin:5px 0 0;color:var(--text-muted);font-size:1rem}.clear-btn{background:#fff;border:1px solid #e2e8f0;padding:10px 20px;border-radius:8px;color:#ef4444;font-weight:600;cursor:pointer;transition:.2s;box-shadow:var(--shadow-sm)}.clear-btn:hover{background:#fee2e2;border-color:#fecaca}.empty-state{text-align:center;padding:60px 20px;background:var(--card-bg);border-radius:20px;box-shadow:var(--shadow-sm)}.empty-icon{font-size:4rem;margin-bottom:20px;opacity:.8}.empty-state h2{margin:0;font-size:1.5rem;color:var(--text-main)}.empty-state p{color:var(--text-muted);margin-bottom:30px}.primary-btn{background:var(--primary);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:.2s}.primary-btn:hover{background:#4338ca;transform:translateY(-2px)}.history-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.history-card{background:var(--card-bg);border-radius:16px;padding:24px;border:1px solid #f1f5f9;box-shadow:var(--shadow-sm);transition:all .3s ease;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:20px}.history-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:#e2e8f0}.card-top{display:flex;justify-content:space-between;align-items:center}.date-badge{font-size:.85rem;color:var(--text-muted);font-weight:500;background:#f1f5f9;padding:6px 12px;border-radius:20px}.status-pill{font-size:.75rem;font-weight:700;text-transform:uppercase;padding:6px 12px;border-radius:20px;letter-spacing:.5px}.status-pill.pass{background:var(--success-bg);color:var(--success-text)}.status-pill.fail{background:var(--fail-bg);color:var(--fail-text)}.card-mid{display:flex;align-items:center;gap:20px}.score-circle{width:70px;height:70px;border-radius:50%;border:4px solid #e2e8f0;display:flex;align-items:center;justify-content:center;flex-shrink:0}.score-num{font-size:1.2rem;font-weight:800}.score-details p{margin:0;font-size:.95rem;color:var(--text-muted)}.score-details strong{color:var(--text-main);font-size:1.1rem}.result-text{font-size:.9rem;font-weight:600;margin-top:4px!important}.progress-track{width:100%;height:8px;background:#f1f5f9;border-radius:4px;overflow:hidden}.progress-fill{height:100%;border-radius:4px;transition:width .5s ease-out}@media(max-width:600px){.hist-header{flex-direction:column;align-items:flex-start}.history-grid{grid-template-columns:1fr}.title-box h1{font-size:1.5rem}.history-card{padding:20px}}:root{--success: #10b981;--error: #ef4444;--warning: #f59e0b;--primary: #4f46e5;--text-main: #1e293b;--text-light: #64748b;--bg-page: #f8fafc;--card-bg: #ffffff;--radius: 16px;--shadow: 0 10px 40px -10px rgba(0,0,0,.1)}body{font-family:Plus Jakarta Sans,sans-serif;background-color:var(--bg-page)}.result-wrapper{min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:80px 20px}.result-card{width:90%;max-width:600px;background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);border:2px solid #e2e8f0;overflow:hidden;opacity:0;transform:translateY(30px);transition:all .6s cubic-bezier(.16,1,.3,1)}.slide-up{opacity:1;transform:translateY(0)}.result-header{background:linear-gradient(to bottom,#f8fafc,#fff);padding:40px;text-align:center;border-bottom:1px solid #e2e8f0;display:flex;flex-direction:column;align-items:center;gap:20px}.score-ring-container{position:relative;width:160px;height:160px}.score-ring{width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 20px #0000000d;animation:scaleIn .8s ease-out}.score-inner{width:130px;height:130px;background:#fff;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:inset 0 2px 10px #0000000d}.score-text{font-size:2.5rem;font-weight:800;color:var(--text-main);line-height:1}.score-label{font-size:.9rem;color:var(--text-light);font-weight:600;text-transform:uppercase}.status-badge{padding:6px 16px;border-radius:50px;font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.status-badge.pass{background:#dcfce7;color:var(--success)}.status-badge.fail{background:#fee2e2;color:var(--error)}.result-summary h1{font-size:2rem;margin:15px 0 5px;color:var(--text-main)}.result-summary p{font-size:1.1rem;color:var(--text-light)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:30px 40px}.stat-box{background:#f8fafc;padding:20px;border-radius:12px;display:flex;align-items:center;gap:15px;border:1px solid #e2e8f0;transition:.3s}.stat-box:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0000000d}.stat-box .icon{font-size:1.5rem}.stat-box h3{font-size:1.5rem;font-weight:700;margin:0;color:var(--text-main)}.stat-box p{font-size:.9rem;color:var(--text-light);margin:0;font-weight:500}.stat-box.correct{border-left:4px solid var(--success)}.stat-box.wrong{border-left:4px solid var(--error)}.stat-box.skipped{border-left:4px solid var(--warning)}.analysis-section{padding:0 40px 40px}.analysis-section h3{margin-bottom:20px;font-size:1.25rem;color:var(--text-main)}.question-list{display:flex;flex-direction:column;gap:15px}.q-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;transition:.3s;position:relative;overflow:hidden}.q-card.correct{border-left:5px solid var(--success)}.q-card.wrong{border-left:5px solid var(--error)}.q-card.skipped{border-left:5px solid var(--warning)}.q-header{display:flex;justify-content:space-between;margin-bottom:10px}.q-num{font-weight:700;color:var(--text-light)}.q-badge{font-size:.75rem;font-weight:700;padding:2px 8px;border-radius:4px}.q-badge.correct{background:#dcfce7;color:var(--success)}.q-badge.wrong{background:#fee2e2;color:var(--error)}.q-badge.skipped{background:#fef3c7;color:var(--warning)}.q-text{font-size:1.1rem;font-weight:600;color:var(--text-main);margin-bottom:15px;line-height:1.5}.ans-row{display:flex;gap:10px;font-size:.95rem;margin-bottom:5px}.ans-row .label{font-weight:600;color:var(--text-light);min-width:120px}.ans-row .value{font-weight:500;color:var(--text-main)}.value.correct{color:var(--success)}.value.wrong{color:var(--error);text-decoration:line-through}.value.skipped{color:var(--warning);font-style:italic}.correct-text{color:var(--success);font-weight:700}.result-footer{padding:20px 40px;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;gap:15px}.btn-primary,.btn-secondary{padding:12px 24px;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;display:flex;align-items:center;gap:8px;transition:.2s}.btn-primary{background:var(--primary);color:#fff;border:none}.btn-primary:hover{background:#4338ca;transform:translateY(-2px);box-shadow:0 4px 12px #4f46e54d}.btn-secondary{background:#fff;border:1px solid #cbd5e1;color:var(--text-main)}.btn-secondary:hover{background:#f1f5f9;border-color:#94a3b8}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@media(max-width:768px){.result-wrapper{padding:80px 15px}.result-header{padding:30px 20px}.stats-grid{grid-template-columns:1fr;padding:20px}.analysis-section{padding:0 20px 30px}.result-footer{padding:20px;flex-direction:column-reverse}.btn-primary,.btn-secondary{width:100%;justify-content:center}.ans-row{flex-direction:column;gap:2px;margin-bottom:10px}}.error-container{text-align:center;padding-top:100px}:root{--primary: #4f46e5;--primary-hover: #4338ca;--text-main: #111827;--text-light: #6b7280;--bg-input: #f9fafb;--border-color: #e5e7eb;--radius: 12px;--transition: .3s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background-color:#fff}.login-container{display:flex;min-height:100vh;width:100%;overflow:hidden}.login-left{flex:1;display:flex;flex-direction:column;justify-content:center;padding:40px clamp(20px,8vw,100px);background:#fff;position:relative;z-index:2}.login-header{margin-bottom:40px}.brand-dot{display:inline-block;width:10px;height:10px;background:var(--primary);border-radius:50%;margin-right:8px}.logo-brand{font-weight:700;font-size:1.1rem;color:var(--text-main);margin-bottom:24px;display:flex;align-items:center}.login-header h1{font-size:2.5rem;font-weight:700;color:var(--text-main);margin-bottom:10px;letter-spacing:-.02em}.login-header p{color:var(--text-light);font-size:1rem}.login-form{width:100%;max-width:450px}.input-group{margin-bottom:20px}.input-group label{display:block;font-size:.9rem;font-weight:600;color:var(--text-main);margin-bottom:8px}.input-wrapper{position:relative}.input-wrapper .icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:#9ca3af}.input-wrapper input{width:100%;padding:14px 14px 14px 44px;border:1px solid var(--border-color);background:var(--bg-input);border-radius:var(--radius);font-size:1rem;color:var(--text-main);outline:none;transition:var(--transition)}.input-wrapper input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px #4f46e51a}.form-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;font-size:.9rem}.remember-me{display:flex;align-items:center;gap:8px;color:var(--text-light);cursor:pointer}.remember-me input{width:16px;height:16px;accent-color:var(--primary);cursor:pointer}.forgot-pass{color:var(--primary);text-decoration:none;font-weight:600}.forgot-pass:hover{text-decoration:underline}.btn-login{width:100%;padding:16px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition);display:flex;justify-content:center;align-items:center}.btn-login:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 10px 20px #4f46e533}.btn-login:disabled{opacity:.7;cursor:not-allowed}.signup-text{text-align:center;margin-top:24px;color:var(--text-light);font-size:.95rem}.signup-link{color:var(--primary);font-weight:600;text-decoration:none}.signup-link:hover{text-decoration:underline}.login-footer{margin-top:auto;color:#9ca3af;font-size:.85rem;padding-top:20px}.login-right{flex:1.2;position:relative;overflow:hidden;background-color:#f3f4f6}.bg-image{width:100%;height:100%;object-fit:cover;object-position:center;animation:zoomSlow 20s infinite alternate}.image-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.7),transparent 60%);display:flex;flex-direction:column;justify-content:flex-end;padding:60px;z-index:1}.quote-box{color:#fff;max-width:500px;animation:fadeInUp 1s ease-out}.quote-box p{font-size:1.5rem;font-weight:500;line-height:1.5;margin-bottom:16px;font-style:italic}.quote-box span{font-size:1rem;opacity:.8;font-weight:400;text-transform:uppercase;letter-spacing:1px}@keyframes zoomSlow{0%{transform:scale(1)}to{transform:scale(1.1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@media(max-width:900px){.login-right{display:none}.login-left{padding:40px 20px;align-items:center}.login-header{text-align:center}.login-header h1{font-size:2rem}}.signup-link{cursor:pointer;-webkit-user-select:none;user-select:none}.fade-in{animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:slideUp .4s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.bg-image{transition:opacity .5s ease-in-out}*{box-sizing:border-box}.modern-container{position:relative;min-height:100vh;width:100%;display:flex;justify-content:center;align-items:center;background-image:url(../Images/test-bg.jpg);background-size:cover;background-position:center;background-attachment:fixed;font-family:Poppins,sans-serif;overflow-x:hidden}.overlay{position:absolute;inset:0;background:linear-gradient(135deg,#0f172ae6,#0f172ab3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1}.modern-content{position:relative;z-index:2;width:90%;max-width:600px;padding:40px 20px}.header-section{text-align:center;margin-bottom:50px;animation:fadeInDown .8s ease-out}.header-section h1{font-size:3rem;font-weight:700;color:#fff;margin:0;background:linear-gradient(to right,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.header-section p{color:#94a3b8;font-size:1.1rem;margin-top:10px}.modern-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;padding:10px}.modern-card{position:relative;display:flex;align-items:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:25px;border-radius:16px;text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275);overflow:hidden;opacity:0;animation:fadeInUp .6s ease-out forwards}.modern-card:hover{transform:translateY(-8px) scale(1.02);background:#ffffff1a;border-color:var(--accent-color);box-shadow:0 10px 30px -10px var(--accent-color)}.card-icon{width:50px;height:50px;background:#ffffff1a;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:var(--accent-color);margin-right:20px;transition:.3s}.modern-card:hover .card-icon{background:var(--accent-color);color:#0f172a}.card-info{flex:1}.card-info h3{margin:0;color:#fff;font-size:1.2rem;font-weight:600}.card-info p{margin:5px 0 0;color:#94a3b8;font-size:.85rem}.card-arrow{width:30px;height:30px;display:flex;align-items:center;justify-content:center;color:#fff;opacity:.5;transition:.3s}.card-arrow svg{width:20px;height:20px}.modern-card:hover .card-arrow{opacity:1;color:var(--accent-color);transform:translate(5px)}@media(max-width:768px){.header-section h1{font-size:2rem}.modern-grid{grid-template-columns:1fr}.modern-card{padding:20px}}:root{--primary: #2563eb;--bg-page: #f3f4f6;--card-bg: #ffffff;--text-main: #1f2937;--border-color: #e5e7eb}body{margin:0;font-family:Inter,sans-serif;background-color:var(--bg-page);color:var(--text-main)}.simple-exam-page{min-height:100vh;padding-bottom:60px}.loader{display:flex;justify-content:center;align-items:center;height:100vh;font-weight:600;color:var(--primary)}.sticky-header{position:sticky;top:0;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);z-index:100;box-shadow:0 2px 10px #00000008}.header-content{max-width:500px;margin:0 auto;padding:15px 20px;display:flex;justify-content:space-between;align-items:center}.brand{font-weight:700;font-size:1.1rem;color:#111827}.timer-badge{background:#eff6ff;color:var(--primary);padding:6px 12px;border-radius:20px;font-family:monospace;font-weight:600;font-size:1rem}.timer-badge.danger{background:#fee2e2;color:#dc2626;animation:pulse 1s infinite}.progress-line{height:4px;background:#e5e7eb;width:100%}.progress-fill{height:100%;background:var(--primary);transition:width .3s ease}.question-container{max-width:600px;margin:30px auto;padding:0 20px;display:flex;flex-direction:column;gap:25px}.question-card{background:var(--card-bg);border-radius:12px;padding:25px;box-shadow:0 2px 5px #00000005;border:1px solid var(--border-color);transition:transform .2s}.q-header{margin-bottom:20px;display:flex;gap:15px}.q-num{background:#f3f4f6;color:#4b5563;height:30px;padding:0 10px;border-radius:6px;font-weight:700;font-size:.85rem;display:flex;align-items:center;justify-content:center}.q-text{margin:0;font-size:1.1rem;line-height:1.5;color:#111827}.options-stack{display:flex;flex-direction:column;gap:10px}.option-row{display:flex;align-items:center;gap:12px;padding:12px 15px;border:2px solid #f3f4f6;border-radius:8px;cursor:pointer;transition:all .2s}.option-row:hover{background:#f9fafb;border-color:#d1d5db}.option-row.selected{border-color:var(--primary);background:#eff6ff}.radio-circle{width:20px;height:20px;border:2px solid #9ca3af;border-radius:50%;display:flex;align-items:center;justify-content:center}.option-row.selected .radio-circle{border-color:var(--primary)}.inner-dot{width:10px;height:10px;background:var(--primary);border-radius:50%}.opt-text{font-size:1rem;font-weight:500;color:#374151}.submit-section{text-align:center;margin-top:20px;padding:30px;background:#fff;border-radius:12px;box-shadow:0 -5px 20px #0000000d}.summary-text{margin-bottom:20px;color:#4b5563}.submit-btn-large{background:var(--primary);color:#fff;border:none;padding:15px 40px;font-size:1.1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:.2s;width:100%;max-width:300px;box-shadow:0 4px 10px #2563eb4d}.submit-btn-large:hover{background:#1d4ed8;transform:translateY(-2px)}.submit-btn-large:disabled{opacity:.7;cursor:not-allowed}@keyframes pulse{0%{opacity:1}50%{opacity:.6}to{opacity:1}}@media(max-width:600px){.question-container{padding:0 15px;margin:20px auto}.question-card{padding:20px}.q-text{font-size:1rem}}.addques-container{width:420px;margin:40px auto;padding:25px 30px;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;font-family:Poppins,sans-serif}.addques-container h2{text-align:center;color:#333;margin-bottom:20px}.addques-form input{width:100%;margin-bottom:12px;padding:10px 12px;border:1px solid #ccc;border-radius:8px;font-size:14px;outline:none;transition:.3s ease}.addques-form input:focus{border-color:#007bff;box-shadow:0 0 5px #007bff4d}.addques-form button{width:100%;padding:10px;background:#007bff;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:.3s}.addques-form button:hover{background:#0056b3}.no-questions{text-align:center;color:#666;font-size:18px;margin-top:50px}.question-list{list-style:none;padding:0;margin-top:15px}.question-item{display:flex;justify-content:space-between;align-items:center;background:#f8f9fa;padding:10px 14px;border-radius:8px;margin-bottom:10px;border:1px solid #ddd;transition:.3s ease}.question-item:hover{background:#e9f2ff}.delete-btn{background-color:#dc3545;color:#fff;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;transition:background .3s ease}.delete-btn:hover{background-color:#b02a37}.category-page{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#f8f9fc;font-family:Poppins,sans-serif;padding:20px}.header-content{text-align:center;margin-bottom:50px;animation:fadeInDown .8s ease-out}.header-content h1{font-size:3rem;color:#1e293b;margin-bottom:10px;letter-spacing:-1px}.header-content p{color:#64748b;font-size:1.1rem}.boxc{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;width:90%;max-width:600px}.level-card{position:relative;border-radius:20px;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 10px 20px #0000000d;background:#fff;animation:fadeInUp .8s ease-out forwards;opacity:0}.level-card.easy{animation-delay:.1s}.level-card.medium{animation-delay:.2s}.level-card.hard{animation-delay:.3s}.level-card a{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 20px;text-decoration:none;height:100%;width:100%;color:#333}.icon-box{font-size:3.5rem;margin-bottom:20px;transition:transform .4s ease}.level-card span{font-size:1.5rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}.easy{border-bottom:6px solid #10b981}.easy .icon-box{color:#10b981}.easy:hover{transform:translateY(-10px);box-shadow:0 20px 30px #10b98133}.easy:hover .icon-box{transform:rotate(-15deg) scale(1.1)}.medium{border-bottom:6px solid #f59e0b}.medium .icon-box{color:#f59e0b}.medium:hover{transform:translateY(-10px);box-shadow:0 20px 30px #f59e0b33}.medium:hover .icon-box i{animation:spin 1s linear infinite}.hard{border-bottom:6px solid #ef4444}.hard .icon-box{color:#ef4444}.hard:hover{transform:translateY(-10px);box-shadow:0 20px 30px #ef444440}.hard:hover .icon-box{animation:shake .5s ease-in-out infinite}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shake{0%{transform:rotate(0)}25%{transform:rotate(15deg)}50%{transform:rotate(0)}75%{transform:rotate(-15deg)}to{transform:rotate(0)}}@media(max-width:768px){.boxc{grid-template-columns:1fr;gap:20px}.header-content h1{font-size:2.2rem}.level-card a{flex-direction:row;justify-content:flex-start;padding:30px}.icon-box{margin-bottom:0;margin-right:20px;font-size:2.5rem}}:root{--bg-color: #f8fafc;--text-main: #1e293b;--text-light: #64748b;--mern-color: #10b981;--py-color: #3b82f6;--ds-color: #8b5cf6;--shadow-hover: 0 20px 40px -5px rgba(0,0,0,.1);--transition: all .4s cubic-bezier(.175, .885, .32, 1.275)}body{margin:0;font-family:Outfit,sans-serif;background-color:var(--bg-color)}.stream-wrapper{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;background-image:radial-gradient(at 0% 0%,hsla(253,16%,90%,1) 0,transparent 50%),radial-gradient(at 100% 100%,hsla(225,39%,90%,1) 0,transparent 50%)}.header-section{text-align:center;margin-bottom:60px;animation:fadeInDown .8s ease}.subtitle{font-size:.9rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--text-light);display:block;margin-bottom:10px}.title{font-size:3rem;font-weight:700;color:var(--text-main);margin:0 0 10px;background:linear-gradient(135deg,#1e293b,#475569);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.description{font-size:1.1rem;color:var(--text-light);max-width:500px;margin:0 auto}.boxc{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;width:100%;max-width:650px;perspective:1000px}.stream-card{background:#fff;border-radius:24px;overflow:hidden;transition:var(--transition);border:1px solid rgba(255,255,255,.5);box-shadow:0 4px 6px -1px #0000000d;position:relative;height:100%}.stream-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:var(--shadow-hover)}.card-link{display:flex;flex-direction:column;padding:40px 30px;text-decoration:none;height:100%;position:relative;z-index:1}.icon-wrapper{width:70px;height:70px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:2rem;margin-bottom:25px;transition:transform .4s ease}.stream-card:hover .icon-wrapper{transform:rotate(10deg) scale(1.1)}.card-content h3{font-size:1.5rem;font-weight:700;color:var(--text-main);margin:0 0 10px}.card-content p{font-size:1rem;color:var(--text-light);margin:0 0 30px;line-height:1.5}.arrow-btn{font-weight:600;font-size:.95rem;margin-top:auto;display:inline-flex;align-items:center;transition:.3s}.stream-card:hover .arrow-btn{transform:translate(5px)}.stream-card.easy .mern-icon{background:#10b9811a;color:var(--mern-color)}.stream-card.easy:hover{border-color:var(--mern-color)}.stream-card.easy .arrow-btn{color:var(--mern-color)}.stream-card.medium .python-icon{background:#3b82f61a;color:var(--py-color)}.stream-card.medium:hover{border-color:var(--py-color)}.stream-card.medium .arrow-btn{color:var(--py-color)}.stream-card.hard .data-icon{background:#8b5cf61a;color:var(--ds-color)}.stream-card.hard:hover{border-color:var(--ds-color)}.stream-card.hard .arrow-btn{color:var(--ds-color)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.header-section{margin-bottom:40px}.title{font-size:2.2rem}.boxc{grid-template-columns:1fr}.stream-card{margin-bottom:0}.card-link{padding:30px}}:root{--primary-color: #6366f1;--secondary-color: #a855f7;--text-dark: #1e293b;--text-light: #64748b;--bg-gradient: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);--card-bg: rgba(255, 255, 255, .95);--hover-shadow: 0 20px 40px -5px rgba(0, 0, 0, .15);--radius: 20px}.page-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-gradient);padding:20px;font-family:Poppins,sans-serif}.test-box{display:flex;flex-direction:row;background:var(--card-bg);width:80%;max-width:600px;border-radius:var(--radius);border:1px solid rgba(255,255,255,.5);box-shadow:0 10px 30px #00000014;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;margin:0 auto}.test-box:hover{transform:translateY(-5px);box-shadow:var(--hover-shadow)}.t{flex:1.2;position:relative;overflow:hidden;min-height:400px;object-fit:cover}.tt{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.test-box:hover .tt{transform:scale(1.05)}.t:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,rgba(0,0,0,.4),transparent)}.list{flex:1;padding:50px 40px;display:flex;flex-direction:column;justify-content:center}.list a{text-decoration:none;position:relative;display:block;margin-bottom:15px}.test-para{font-size:1rem;font-weight:500;color:var(--text-dark);padding:18px 25px;background:#fff;border-radius:12px;border:1px solid #eee;box-shadow:0 2px 5px #00000005;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;justify-content:space-between;align-items:center}.test-para:after{content:"➜";font-size:.9rem;opacity:.5;transform:translate(0);transition:all .3s ease}.list a:hover .test-para{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;border-color:transparent;padding-left:35px;box-shadow:0 10px 20px #6366f14d}.list a:hover .test-para:after{color:#fff;opacity:1;transform:translate(5px)}.list hr{display:none}@media(max-width:992px){.test-box{margin-left:0;flex-direction:column;max-width:500px}.t{min-height:250px;flex:none}.list{padding:30px}}@media(max-width:480px){.page-container{padding:10px}.test-para{padding:15px;font-size:.95rem}.t{min-height:200px}}