@import"https://fonts.googleapis.com/css2?family=Gelasio:ital,wght@0,400..700;1,400..700&family=Google+Sans:ital,opsz,wght@0,17..18,400..700;1,17..18,400..700&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";:root{--color-deep-navy: #021B1A;--color-rich-emerald: #00805A;--color-seafoam-green: #25C17A;--color-electric-mint: #00FF9D;--color-ice-mint: #A8FFEC;--font-family-global: "Google Sans", "Roboto", "Gelasio", sans-serif}*{box-sizing:border-box}input::-ms-reveal,input::-ms-clear{display:none}html,body,#root,#app{min-height:100vh;height:100%;background-color:#021b1a!important;font-family:Google Sans,Roboto,Gelasio,sans-serif}body{font-family:Google Sans,Roboto,Gelasio,sans-serif!important;background-color:#021b1a!important;background:#021b1a!important;background-attachment:fixed!important;color:#fff;margin:0;padding:0;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease}html.light,html.light body,html.light #root{background-color:#f4fbf7!important}html.light body{background:linear-gradient(135deg,#f4fbf7,#e6f7f0,#d8f3e8)!important;color:#012b27!important}html.light h1,html.light h2,html.light h3,html.light h4,html.light h5,html.light h6{color:#012b27!important}html.light p,html.light label{color:#004d36}html.light .text-white{color:#012b27!important}html.light .text-white\/90,html.light .text-white\/80,html.light .text-white\/70,html.light .text-white\/60,html.light .text-white\/50,html.light .text-white\/40,html.light .text-white\/30{color:#005c42!important}html.light .text-\[\#A8FFEC\],html.light .text-\[\#A8FFEC\]\/90,html.light .text-\[\#A8FFEC\]\/80,html.light .text-\[\#A8FFEC\]\/70,html.light .text-\[\#A8FFEC\]\/60{color:#006648!important}html.light .text-\[\#00FF9D\]{color:#00805a!important}html.light .text-\[\#25C17A\]{color:#006648!important}html.light .gradient-text{background:linear-gradient(135deg,#00805a,#006648,#25c17a)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}html.light .bg-\[\#05070a\],html.light .bg-\[\#021B1A\],html.light .bg-\[\#011211\],html.light .bg-\[\#0a0f1a\]{background-color:#f4fbf7!important}html.light .bg-\[\#021B1A\]\/80,html.light .bg-\[\#021B1A\]\/90,html.light .bg-\[\#011211\]\/60,html.light .bg-white\/5,html.light .bg-white\/10{background-color:#fff!important}html.light .border-\[\#00805A\]\/30,html.light .border-\[\#00805A\]\/40,html.light .border-\[\#00FF9D\]\/30,html.light .border-white\/10,html.light .border-white\/5{border-color:#00805a40!important}html.light .shadow-lg,html.light .shadow-xl,html.light .shadow-2xl{box-shadow:0 10px 25px #0050321a!important}html.light ::-webkit-scrollbar-track{background:#e6fffa}html.light ::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#00805a,#25c17a)}html.light *{scrollbar-color:#00805A #e6fffa}html.light input,html.light textarea,html.light select{background:#fff!important;border:1px solid #a7f3d0!important;color:#012b27!important}html.light input:focus,html.light textarea:focus,html.light select:focus{border-color:#00805a!important;background:#fff!important;box-shadow:0 0 10px #00805a33!important}html.light input::placeholder,html.light textarea::placeholder{color:#059669!important}html.light ::selection{background:#25c17a4d;color:#012b27}.shrif-kod,code,pre{font-family:Fira Code,monospace}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#021b1a}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#00805a,#25c17a);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#25c17a,#00ff9d)}*{scrollbar-width:thin;scrollbar-color:#25C17A #021B1A}.custom-scrollbar::-webkit-scrollbar{width:4px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:#a8ffec33;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#00ff9d66}::selection{background:#00ff9d4d;color:#a8ffec}:focus-visible{outline:2px solid rgba(0,255,157,.6);outline-offset:2px}html{scroll-behavior:smooth}.glass-card{background:#021b1aa6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(168,255,236,.15);box-shadow:0 8px 32px #0000005e}.hero-glow{background:radial-gradient(circle at center,rgba(0,255,157,.18) 0%,rgba(0,128,90,.08) 50%,transparent 70%)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-fadeIn{animation:fadeIn .4s ease-out forwards}.animate-slideUp{animation:slideUp .4s ease-out forwards}.animate-scaleIn{animation:scaleIn .3s ease-out forwards}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.animate-float{animation:float 3s ease-in-out infinite}.gradient-text{background:linear-gradient(135deg,#00ff9d,#25c17a,#a8ffec);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}button{cursor:pointer;transition:all .2s ease}button:active{transform:scale(.98)}.btn-emerald,.btn-primary-theme{background:linear-gradient(135deg,#00805a,#25c17a)!important;color:#fff!important;border:1px solid #00FF9D!important;box-shadow:0 0 15px #00ff9d40!important}.btn-emerald:hover,.btn-primary-theme:hover{background:linear-gradient(135deg,#25c17a,#00ff9d)!important;color:#021b1a!important;box-shadow:0 0 25px #00ff9d73!important}input,textarea,select{background:#021b1a99;border:1px solid rgba(168,255,236,.2);border-radius:12px;color:#fff;transition:all .2s ease}input:focus,textarea:focus,select:focus{border-color:#00ff9d;box-shadow:0 0 10px #00ff9d4d;background:#021b1ad9}input::placeholder,textarea::placeholder{color:#a8ffec66}table{border-collapse:collapse}.no-select{user-select:none;-webkit-user-select:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}@media(max-width:768px){body{font-size:14px}}@media print{body{background:#fff;color:#000}}.wrapper-grid{--animation-duration: 2.1s;--cube-color: rgba(2, 27, 26, .4);--highlight-color: #00FF9D;--cube-width: 44px;--cube-height: 44px;--font-size: 1.6em;position:relative;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(7,var(--cube-width));grid-template-rows:auto;grid-gap:0;width:calc(7 * var(--cube-width));height:var(--cube-height);perspective:350px;font-family:Google Sans,Roboto,Gelasio,sans-serif;font-size:var(--font-size);font-weight:800;color:transparent}html.light .wrapper-grid{--cube-color: rgba(0, 128, 90, .1);--highlight-color: #00805A}.cube{position:relative;transform-style:preserve-3d;animation:translate-z var(--animation-duration) ease-in-out infinite}.face{position:absolute;display:flex;align-items:center;justify-content:center;width:var(--cube-width);height:var(--cube-height);background-color:var(--cube-color)}.face-left,.face-right,.face-back,.face-front{box-shadow:inset 0 0 2px 1px #0000001a,inset 0 0 12px 1px #ffffff0d}.face-front{transform:rotateY(0) translateZ(calc(var(--cube-width) / 2))}.face-back{transform:rotateY(180deg) translateZ(calc(var(--cube-width) / 2));opacity:.6}.face-left{transform:rotateY(-90deg) translateZ(calc(var(--cube-width) / 2));opacity:.6}.face-right{transform:rotateY(90deg) translateZ(calc(var(--cube-width) / 2));opacity:.6}.face-top{height:var(--cube-width);transform:rotateX(90deg) translateZ(calc(var(--cube-width) / 2));opacity:.8}.face-bottom{height:var(--cube-width);transform:rotateX(-90deg) translateZ(calc(var(--cube-height) - var(--cube-width) * .5));opacity:.8}.cube:nth-child(1){z-index:0;animation-delay:0s}.cube:nth-child(2){z-index:1;animation-delay:.2s}.cube:nth-child(3){z-index:2;animation-delay:.4s}.cube:nth-child(4){z-index:3;animation-delay:.6s}.cube:nth-child(5){z-index:2;animation-delay:.8s}.cube:nth-child(6){z-index:1;animation-delay:1s}.cube:nth-child(7){z-index:0;animation-delay:1.2s}.cube .face{animation:face-color var(--animation-duration) ease-in-out infinite,edge-glow var(--animation-duration) ease-in-out infinite;animation-delay:inherit}.cube .face.face-front{animation:face-color var(--animation-duration) ease-in-out infinite,face-glow var(--animation-duration) ease-in-out infinite,edge-glow var(--animation-duration) ease-in-out infinite;animation-delay:inherit}@keyframes translate-z{0%,40%,to{transform:translateZ(-2px)}30%{transform:translateZ(18px) translateY(-2px)}}@keyframes face-color{0%,50%,to{background-color:var(--cube-color)}10%{background-color:var(--highlight-color)}}@keyframes face-glow{0%,50%,to{color:#fff0;filter:none}30%{color:#fff;filter:drop-shadow(0 0 15px var(--highlight-color)) drop-shadow(0 10px 20px var(--highlight-color))}}@keyframes edge-glow{0%,40%,to{box-shadow:inset 0 0 2px 1px #0000001a,inset 0 0 12px 1px #ffffff0d}30%{box-shadow:0 0 18px 4px var(--highlight-color),inset 0 0 10px #00ff9d80}}html.light .cube .face{animation:face-color var(--animation-duration) ease-in-out infinite,edge-glow-light var(--animation-duration) ease-in-out infinite;animation-delay:inherit}html.light .cube .face.face-front{animation:face-color var(--animation-duration) ease-in-out infinite,face-glow-light var(--animation-duration) ease-in-out infinite,edge-glow-light var(--animation-duration) ease-in-out infinite;animation-delay:inherit}@keyframes face-glow-light{0%,50%,to{color:#fff0;filter:none}30%{color:#fff;filter:drop-shadow(0 4px 8px rgba(0,128,90,.6))}}@keyframes edge-glow-light{0%,40%,to{box-shadow:inset 0 0 2px 1px #0000000d,inset 0 0 8px 1px #fff3}30%{box-shadow:0 0 10px 2px var(--highlight-color)}}
