@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";.interactive3dcard-container{position:relative;width:190px;height:254px;transition:.2s}.interactive3dcard-container:active{width:180px;height:245px}.card{position:absolute;inset:0;z-index:0;display:flex;justify-content:center;align-items:center;border-radius:20px;background:linear-gradient(45deg,#0f0f23,#1a1a2e);border:2px solid rgba(255,255,255,.1);overflow:hidden;box-shadow:0 0 20px #0000004d,inset 0 0 20px #0003;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}@media (hover: hover) and (pointer: fine){.card{transition:.7s}}.card-content{position:relative;width:100%;height:100%}.prompt{bottom:100px;left:50%;transform:translate(-50%);z-index:20;font-size:16px;font-weight:600;letter-spacing:2px;transition:.3s ease-in-out;position:absolute;text-align:center;color:#ffffffb3;text-shadow:0 0 10px rgba(255,255,255,.3)}.title{opacity:0;transition:.3s ease-in-out;position:absolute;font-size:28px;font-weight:800;letter-spacing:4px;text-align:center;width:100%;padding-top:20px;background:linear-gradient(45deg,#26c6da,#4dd0e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 15px rgba(38,198,218,.3));text-shadow:0 0 10px rgba(77,208,225,.5),0 0 20px rgba(77,208,225,.3);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;backface-visibility:hidden;-webkit-backface-visibility:hidden}.subtitle{position:absolute;bottom:40px;width:100%;text-align:center;font-size:12px;letter-spacing:2px;transform:translateY(30px);color:#fff9}.highlight{color:#4dd0e1;margin-left:5px;background:linear-gradient(90deg,#26c6da,#4dd0e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.glowing-elements{position:absolute;inset:0;pointer-events:none}.glow-1,.glow-2,.glow-3{position:absolute;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle at center,#26c6da4d,#26c6da00 70%);filter:blur(15px);opacity:0;transition:opacity .3s ease}.glow-1{top:-20px;left:-20px}.glow-2{top:50%;right:-30px;transform:translateY(-50%)}.glow-3{bottom:-20px;left:30%}.card-particles span{position:absolute;width:3px;height:3px;background:#26c6da;border-radius:50%;opacity:0;transition:opacity .3s ease}@media (hover: hover) and (pointer: fine){.tracker:hover~.card .card-particles span{animation:particleFloat 2s infinite}}@keyframes particleFloat{0%{transform:translate(0);opacity:0}50%{opacity:1}to{transform:translate(calc(var(--x, 0) * 30px),calc(var(--y, 0) * 30px));opacity:0}}.card-particles span:nth-child(1){--x: 1;--y: -1;top:40%;left:20%}.card-particles span:nth-child(2){--x: -1;--y: -1;top:60%;right:20%}.card-particles span:nth-child(3){--x: .5;--y: 1;top:20%;left:40%}.card-particles span:nth-child(4){--x: -.5;--y: 1;top:80%;right:40%}.card-particles span:nth-child(5){--x: 1;--y: .5;top:30%;left:60%}.card-particles span:nth-child(6){--x: -1;--y: .5;top:70%;right:60%}.card:before{content:"";background:radial-gradient(circle at center,rgba(38,198,218,.1) 0%,rgba(77,208,225,.05) 50%,transparent 100%);filter:blur(20px);opacity:0;width:150%;height:150%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease}.tracker:hover~.card:before{opacity:1}.tracker{position:absolute;z-index:200;width:100%;height:100%;pointer-events:auto}@media (hover: hover) and (pointer: fine){.tracker:hover{cursor:pointer}.tracker:hover~.card{transition:.3s;filter:brightness(1.1)}.interactive3dcard-container:hover .card:before{transition:.2s;content:"";opacity:80%}}.interactive3dcard-canvas{perspective:800px;inset:0;z-index:200;position:absolute;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr);grid-template-areas:"tr-1 tr-2 tr-3 tr-4 tr-5" "tr-6 tr-7 tr-8 tr-9 tr-10" "tr-11 tr-12 tr-13 tr-14 tr-15" "tr-16 tr-17 tr-18 tr-19 tr-20" "tr-21 tr-22 tr-23 tr-24 tr-25"}.tr-1{grid-area:tr-1}.tr-2{grid-area:tr-2}.tr-3{grid-area:tr-3}.tr-4{grid-area:tr-4}.tr-5{grid-area:tr-5}.tr-6{grid-area:tr-6}.tr-7{grid-area:tr-7}.tr-8{grid-area:tr-8}.tr-9{grid-area:tr-9}.tr-10{grid-area:tr-10}.tr-11{grid-area:tr-11}.tr-12{grid-area:tr-12}.tr-13{grid-area:tr-13}.tr-14{grid-area:tr-14}.tr-15{grid-area:tr-15}.tr-16{grid-area:tr-16}.tr-17{grid-area:tr-17}.tr-18{grid-area:tr-18}.tr-19{grid-area:tr-19}.tr-20{grid-area:tr-20}.tr-21{grid-area:tr-21}.tr-22{grid-area:tr-22}.tr-23{grid-area:tr-23}.tr-24{grid-area:tr-24}.tr-25{grid-area:tr-25}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.card-glare{position:absolute;inset:0;background:linear-gradient(125deg,#fff0,#ffffff0d 45%,#ffffff1a,#ffffff0d 55%,#fff0);opacity:0;transition:opacity .3s}.cyber-lines span{position:absolute;background:linear-gradient(90deg,transparent,rgba(77,208,225,.2),transparent)}.cyber-lines span:nth-child(1){top:20%;left:0;width:100%;height:1px;transform:scaleX(0);transform-origin:left;animation:lineGrow 3s linear infinite}.cyber-lines span:nth-child(2){top:40%;right:0;width:100%;height:1px;transform:scaleX(0);transform-origin:right;animation:lineGrow 3s linear infinite 1s}.cyber-lines span:nth-child(3){top:60%;left:0;width:100%;height:1px;transform:scaleX(0);transform-origin:left;animation:lineGrow 3s linear infinite 2s}.cyber-lines span:nth-child(4){top:80%;right:0;width:100%;height:1px;transform:scaleX(0);transform-origin:right;animation:lineGrow 3s linear infinite 1.5s}.corner-elements span{position:absolute;width:15px;height:15px;border:2px solid rgba(77,208,225,.3);transition:all .3s ease}.corner-elements span:nth-child(1){top:10px;left:10px;border-right:0;border-bottom:0}.corner-elements span:nth-child(2){top:10px;right:10px;border-left:0;border-bottom:0}.corner-elements span:nth-child(3){bottom:10px;left:10px;border-right:0;border-top:0}.corner-elements span:nth-child(4){bottom:10px;right:10px;border-left:0;border-top:0}.scan-line{position:absolute;inset:0;background:linear-gradient(to bottom,transparent,rgba(77,208,225,.1),transparent);transform:translateY(-100%);animation:scanMove 2s linear infinite}@keyframes lineGrow{0%{transform:scaleX(0);opacity:0}50%{transform:scaleX(1);opacity:1}to{transform:scaleX(0);opacity:0}}@keyframes scanMove{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@media (hover: hover) and (pointer: fine){.card:hover .card-glare{opacity:1}.tracker:hover~.card .corner-elements span{border-color:#4dd0e1;box-shadow:0 0 15px #4dd0e1cc,inset 0 0 5px #4dd0e14d;transform:scale(1.1)}}@media (max-width: 768px){.interactive3dcard-container{width:160px;height:214px}.interactive3dcard-container:active{width:155px;height:209px}.card{box-shadow:0 0 15px #0003;border-radius:16px}.title{font-size:22px;letter-spacing:2px;filter:none;text-shadow:0 0 5px rgba(77,208,225,.3)}.prompt{font-size:14px;letter-spacing:1px;bottom:80px}.subtitle{font-size:11px;letter-spacing:1px;bottom:30px}.glowing-elements{opacity:.3}.corner-elements span{width:8px;height:8px;border-width:1px}.card-glare,.tracker{display:none}}@media (max-width: 480px){.interactive3dcard-container{width:140px;height:190px}.interactive3dcard-container:active{width:138px;height:188px}.title{font-size:18px;letter-spacing:1px;padding-top:15px}.prompt{font-size:12px;bottom:70px}.subtitle{font-size:10px;bottom:25px}.floating-particles,.scanning-line,.glowing-elements{display:none}}@media (hover: none) and (pointer: coarse){.card{transition:transform .2s ease}.card:active{transform:scale(.98)}.title{opacity:1!important}.subtitle{opacity:1!important;transform:translateY(0)!important}.prompt{opacity:.8!important}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;background:linear-gradient(135deg,#0a0a0f,#0f0f23,#1a1a2e);min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff1a}::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#26c6da,#4dd0e1);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,#4dd0e1,#00bcd4)}::selection{background:#26c6da4d;color:#fff}::-moz-selection{background:#26c6da4d;color:#fff}@keyframes floating{0%{transform:translateY(0) rotate(0);filter:blur(30px)}33%{transform:translateY(-20px) rotate(120deg);filter:blur(25px)}66%{transform:translateY(10px) rotate(240deg);filter:blur(35px)}to{transform:translateY(0) rotate(360deg);filter:blur(30px)}}@keyframes sweepY{0%{transform:translateY(-50%) scaleY(.8);opacity:.4}25%{transform:translateY(-25%) scaleY(1);opacity:.8}50%{transform:translateY(0) scaleY(1.2);opacity:1}75%{transform:translateY(25%) scaleY(1);opacity:.8}to{transform:translateY(-50%) scaleY(.8);opacity:.4}}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #26c6da4d}50%{box-shadow:0 0 40px #4dd0e199}}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.MuiButton-root{position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.MuiButton-contained{background:linear-gradient(45deg,#26c6da,#4dd0e1)!important;box-shadow:0 4px 20px #0000004d!important}.MuiButton-contained:hover{background:linear-gradient(45deg,#4dd0e1,#00bcd4)!important;box-shadow:0 8px 30px #0006!important;transform:translateY(-2px)!important}.MuiButton-outlined{border:2px solid transparent!important;background:linear-gradient(#0f0f23,#0f0f23) padding-box,linear-gradient(45deg,#26c6da,#4dd0e1) border-box!important;color:#fff!important}.MuiButton-outlined:hover{background:linear-gradient(#26c6da1a,#26c6da1a) padding-box,linear-gradient(45deg,#4dd0e1,#00bcd4) border-box!important;transform:translateY(-2px)!important}.MuiTypography-h1,.MuiTypography-h2{background:linear-gradient(45deg,#fff,#4dd0e1,#26c6da)!important;background-size:300% 300%!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;animation:gradientShift 8s ease infinite!important}.MuiButton-root:focus-visible{outline:2px solid #4dd0e1!important;outline-offset:2px!important}.MuiCardContent-root .MuiTypography-root{text-shadow:0 1px 2px rgba(0,0,0,.5)!important}.simple-card{position:relative!important}.MuiContainer-root{position:relative}.section-divider{width:100%;height:1.5px;background:linear-gradient(90deg,transparent,rgba(77,208,225,.6),transparent);margin:40px 0;position:relative;z-index:10;min-height:1.5px}@media (max-width: 768px){body{font-size:14px;line-height:1.5}.card:before,.card:after{animation-duration:6s!important}@keyframes floating{0%,to{transform:translateY(0) rotate(0);filter:blur(20px)}50%{transform:translateY(-10px) rotate(180deg);filter:blur(25px)}}.MuiButton-root{min-height:48px!important;padding:12px 24px!important;font-size:16px!important}.MuiButton-root:active{transform:scale(.98)!important;transition:transform .1s ease!important}.MuiCard-root{margin:8px!important;border-radius:12px!important}.MuiCard-root:before,.MuiCard-root:after{filter:blur(15px)!important}.MuiTypography-h1{font-size:2rem!important;line-height:1.2!important}.MuiTypography-h2{font-size:1.75rem!important;line-height:1.3!important}.MuiContainer-root{padding-left:16px!important;padding-right:16px!important}.section-divider{margin:24px 0!important}}@media (max-width: 480px){.MuiButton-root{min-width:120px!important;font-size:14px!important}.MuiTypography-h1{font-size:1.75rem!important}.MuiTypography-h2{font-size:1.5rem!important}.MuiCard-root:before,.MuiCard-root:after{animation:none!important;opacity:.3!important}}@media (hover: none) and (pointer: coarse){.MuiButton-contained:hover{transform:none!important;box-shadow:0 4px 20px #0000004d!important}.MuiButton-outlined:hover,.MuiCard-root:hover{transform:none!important}}@media (max-width: 768px) and (orientation: landscape){.MuiContainer-root{padding-top:8px!important;padding-bottom:8px!important}.section-divider{margin:16px 0!important}}.simple-card .MuiTypography-h4{background:linear-gradient(45deg,#fff,#4dd0e1)!important;background-size:200% 200%!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}.stats-number{position:relative;display:inline-block;background:linear-gradient(45deg,#fff,#4dd0e1)!important;background-size:200% 200%!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}.stats-number:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:2px;background:linear-gradient(90deg,#26c6da,#4dd0e1);border-radius:1px;opacity:.6}.simple-card{display:flex!important;flex-direction:column!important}.simple-card .simple-content{flex:1!important;display:flex!important;flex-direction:column!important}.stats-why-box{background:#26c6da1a!important;border:1px solid rgba(38,198,218,.2)!important;border-radius:8px!important;padding:12px!important;margin-top:auto!important}.stats-why-box.capacity{background:#4dd0e11a!important;border:1px solid rgba(77,208,225,.2)!important}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.stats-icon{animation:pulse 2s ease-in-out infinite!important}.blockly-wrapper{height:420px;width:100%}.blocklyDiv{height:100%;width:100%}.blocklyToolboxDiv{background-color:#1a1a2ee6!important;border-right:1px solid rgba(255,255,255,.1)!important}.blocklyTreeLabel{color:#fff!important}button.bg-white,.bg-white button,select.bg-white,.bg-white select{background-color:#374151!important;color:#f3f4f6!important;border-color:#6b7280!important}select option{background-color:#374151!important;color:#f3f4f6!important}.text-gray-500:hover,.hover\:text-gray-700:hover{color:#f3f4f6!important}.hover\:border-gray-300:hover{border-color:#6b7280!important}.border-primary-500.text-primary-600{color:#93c5fd!important}.bg-white:not(.bg-gray-50):not(.bg-blue-50):not(.bg-green-50):not(.bg-yellow-50):not(.bg-red-50){background-color:#374151!important;color:#f3f4f6!important}.bg-white .text-gray-900,.bg-white .text-gray-800,.bg-white .text-gray-700,.bg-white .text-black,button.text-gray-500,button.text-gray-700,.btn.text-gray-500,.btn.text-gray-700{color:#f3f4f6!important}.group.inline-flex.items-center:hover{color:#f3f4f6!important;border-color:#6b7280!important}.dropdown-menu .text-gray-900,.dropdown-menu .text-gray-800,.dropdown-menu .text-gray-700{color:#f3f4f6!important}[class*=cursor-pointer] .text-gray-500,[class*=cursor-pointer] .text-gray-700{color:#e5e7eb!important}[class*=cursor-pointer]:hover .text-gray-500,[class*=cursor-pointer]:hover .text-gray-700{color:#f3f4f6!important}.hover\:bg-gray-50:hover,.MuiSelect-root .MuiSelect-select,.MuiMenuItem-root{background-color:#374151!important;color:#f3f4f6!important}.MuiMenuItem-root:hover{background-color:#4b5563!important}.text-sm.text-gray-600,.text-xs.text-gray-600,.text-base.text-gray-600{color:#d1d5db!important}.text-gray-600{color:#9ca3af!important}.cursor-pointer .text-sm.text-gray-600,.transition-all .text-sm.text-gray-600,.hover\\:shadow-md .text-sm.text-gray-600,.ring-2 .text-sm.text-gray-600{color:#d1d5db!important;font-weight:500!important}.flex.justify-between .font-medium,.flex.justify-between span:not(:first-child){color:#f3f4f6!important;font-weight:600!important}.flex.justify-between span:first-child{color:#d1d5db!important}.space-y-4 .text-gray-600,div[class*=space-y] .text-gray-600{color:#9ca3af!important}*:contains("67/100") *,*:contains("87%") *,*:contains("A2")+* .text-gray-600,.font-medium:contains("%"){color:#f3f4f6!important;font-weight:600!important}