html,body,#root{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh}html,body{margin:0;padding:0;overflow:hidden;background:#1f2937;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}@supports (height: 100dvh){html,body,#root{height:100dvh}}@supports (height: 100lvh){html,body,#root{height:100lvh}}@supports not (height: 100dvh){html,body,#root{height:100vh}}html,body{height:-webkit-fill-available}.r3f{touch-action:none;display:block;position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100%}.htmlScreen iframe{width:1034px;height:670px;border:none;border-radius:20px;background:#000;overflow-x:hidden;display:block;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.htmlScreen{will-change:transform;-webkit-transform:translateZ(0);transform:translateZ(0);transform-style:preserve-3d}@font-face{font-display:swap;font-family:Anek Bangla;font-style:normal;font-weight:600;src:url(/fonts/anek-bangla-v5-latin-500.woff) format("woff"),}.loader{width:45px;aspect-ratio:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);--c: no-repeat linear-gradient(#FFF 0 0);background:var(--c) 0% 50%,var(--c) 50% 50%,var(--c) 100% 50%;background-size:20% 100%;animation:l1 1s infinite linear}@keyframes l1{0%{background-size:20% 100%,20% 100%,20% 100%}33%{background-size:20% 10%,20% 100%,20% 100%}50%{background-size:20% 100%,20% 10%,20% 100%}66%{background-size:20% 100%,20% 100%,20% 10%}to{background-size:20% 100%,20% 100%,20% 100%}}.projectCard{background:#1f2937;border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:20px;margin:10px;color:#fff;font-family:Anek Bangla,sans-serif;transition:transform .3s ease,box-shadow .3s ease}.projectCard:hover{transform:translateY(-5px);box-shadow:0 6px 10px #00000026}.mobile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483647;display:flex;align-items:center;justify-content:center;padding:24px;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);pointer-events:all}.mobile-overlay__card{max-width:460px;gap:16px;width:100%;background:#1f2937;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px 18px 18px;color:#e5e7eb;text-align:center;box-shadow:0 0 30px #000000bf;display:flex;flex-direction:column}:root{--text-body: #cbd5e1;--btn-bg: #38bdf8;--btn-bg-hover: #0c4a6e;--btn-text: #0f172a;--btn-text-hover: #f8fafc;--radius: 8px;--transition: .2s}.text-body{font-size:1.125rem;line-height:1rem;color:var(--text-body)}.text-small{font-size:.875rem;line-height:1.2rem;color:var(--text-body)}.btn{display:inline-block;font-family:Roboto,sans-serif;font-weight:700;font-weight:600;font-size:9pt;padding:.4rem .75rem;border-radius:var(--radius);color:var(--btn-text-hover);background:var(--btn-bg);border:none;cursor:pointer;text-decoration:none;box-shadow:0 1px 2px #0f172a26;transition:background-color var(--transition) ease,color var(--transition) ease,transform var(--transition) ease,box-shadow var(--transition) ease}.btn:hover{background:var(--btn-bg-hover);color:var(--btn-text-hover);transform:translateY(-1px);box-shadow:0 6px 20px #0f172a33}.btn:active{transform:translateY(0);box-shadow:0 1px 2px #0f172a26}.btn:focus-visible{outline:3px solid rgba(56,189,248,.35);outline-offset:2px}.btn:disabled{opacity:.6;cursor:not-allowed}.mobile-overlay__footer{margin-top:auto}.mobile-overlay__footer .btn{margin-top:6px}