@import "https://fonts.googleapis.com/css2?family=Archivo:wght@400;600;800&family=Dela+Gothic+One&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&family=DM+Serif+Display:ital@0;1&family=Space+Mono:wght@400;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f2f2f7;--surface:#fff;--surface-hover:#f0f0f0;--border:#000;--border-strong:#00000026;--text-primary:#1d1d1f;--text-secondary:#86868b;--text-muted:#a1a1a6;--accent:#000;--accent-light:#0000000d;--accent-hover:#333;--green:#000;--green-light:#0000000d;--red:#000;--red-light:#0000000d;--radius:0px;--radius-sm:0px;--shadow-sm:0 4px 20px #0000000a;--shadow-md:0 10px 30px #00000014;--glass-bg:var(--surface)}[data-theme=dark]{--bg:#000;--surface:#1c1c1e;--surface-hover:#2c2c2e;--border:#fff;--border-strong:#fff3;--text-primary:#fff;--text-secondary:#a1a1a6;--text-muted:#6e6e73;--accent:#fff;--accent-light:#ffffff1a;--accent-hover:#e0e0e0;--green:#fff;--green-light:#ffffff26;--red:#ff453a;--red-light:#ff453a26;--glass-bg:var(--surface);--shadow-sm:0 4px 20px #0003;--shadow-md:0 10px 30px #0000004d}[data-theme=sand]{--bg:#f5efeb;--surface:#fff;--surface-hover:#f0eae6;--border:#000;--border-strong:#00000026;--text-primary:#3d352f;--text-secondary:#8c8077;--text-muted:#b3a79e;--accent:#d4a373;--accent-light:#d4a3731a;--accent-hover:#c59363;--glass-bg:var(--surface);--green:#d4a373;--green-light:#d4a37326;--red:#e07a5f;--red-light:#e07a5f26}[data-theme=slate]{--bg:#1c2329;--surface:#262e35;--surface-hover:#2e373f;--border:#fff;--border-strong:#fff3;--text-primary:#f0f4f8;--text-secondary:#a6b4c4;--text-muted:#7e8d9d;--accent:#7cb1ff;--accent-light:#7cb1ff1a;--accent-hover:#9ac4ff;--glass-bg:#262e35b3;--green:#7cb1ff;--green-light:#7cb1ff26;--red:#ff6b6b;--red-light:#ff6b6b26}[data-theme=sage]{--bg:#e8ede9;--surface:#fff;--surface-hover:#e1e8e3;--border:#000;--border-strong:#00000026;--text-primary:#2c362f;--text-secondary:#748278;--text-muted:#9baa9f;--accent:#5f8066;--accent-light:#5f80661a;--accent-hover:#4d6b53;--glass-bg:var(--surface);--green:#5f8066;--green-light:#5f806626;--red:#d9534f;--red-light:#d9534f26}html::-webkit-scrollbar{width:14px;height:14px}body::-webkit-scrollbar{width:14px;height:14px}html::-webkit-scrollbar-track{background:var(--surface);border-left:3px solid #000}body::-webkit-scrollbar-track{background:var(--surface);border-left:3px solid #000}html::-webkit-scrollbar-thumb{background-color:orange;border:3px solid #000}body::-webkit-scrollbar-thumb{background-color:orange;border:3px solid #000}html::-webkit-scrollbar-thumb:hover{background-color:#000}body::-webkit-scrollbar-thumb:hover{background-color:#000}html::-webkit-scrollbar-corner{background:var(--surface);border-top:3px solid #000;border-left:3px solid #000}body::-webkit-scrollbar-corner{background:var(--surface);border-top:3px solid #000;border-left:3px solid #000}body.cv-active::-webkit-scrollbar-track{background:#000;border-left:3px solid #fff}html:has(body.cv-active)::-webkit-scrollbar-track{background:#000;border-left:3px solid #fff}body.cv-active::-webkit-scrollbar-thumb{background-color:#fff;border:3px solid #000}html:has(body.cv-active)::-webkit-scrollbar-thumb{background-color:#fff;border:3px solid #000}body.cv-active::-webkit-scrollbar-thumb:hover{background-color:orange}html:has(body.cv-active)::-webkit-scrollbar-thumb:hover{background-color:orange}body.cv-active::-webkit-scrollbar-corner{background:#000;border-top:3px solid #fff;border-left:3px solid #fff}html:has(body.cv-active)::-webkit-scrollbar-corner{background:#000;border-top:3px solid #fff;border-left:3px solid #fff}body{background-color:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(var(--border-strong) 2px, transparent 2px);background-size:24px 24px;margin:0;font-family:Archivo,sans-serif}body:before{content:"";pointer-events:none;z-index:-1;opacity:.4;background-position:50%;background-size:20px 20px;width:100vw;height:100vh;position:fixed;top:0;left:0}#root{flex-direction:column;min-height:100dvh;display:flex}.modal-overlay{z-index:100;background:#0006;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-sheet{background:var(--surface);-ms-overflow-style:none;scrollbar-width:none;border:4px solid #000;border-radius:0;width:100%;max-width:520px;max-height:90dvh;padding:0 0 40px;animation:.3s cubic-bezier(.34,1.56,.64,1) popIn;position:relative;overflow-y:auto;box-shadow:8px 8px #000}.modal-sheet::-webkit-scrollbar{display:none}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-handle{display:none}.modal-inner{padding:32px 32px 0}.modal-logo{align-items:center;gap:12px;margin-bottom:24px;display:flex}.modal-logo svg{width:36px;height:36px}.modal-logo-text{letter-spacing:-.04em;color:var(--text-primary);font-size:26px;font-weight:700}.modal-logo-text span{color:var(--text-muted)}.modal-section{margin-bottom:28px}.modal-section h3{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:10px;font-size:12px;font-weight:600}.modal-section p{color:var(--text-secondary);font-size:15px;line-height:1.7}.modal-divider{background:var(--border);height:1px;margin:24px 0}.modal-copyright{color:var(--text-muted);text-align:center;padding-top:8px;font-size:13px}.close-modal{background:var(--surface);cursor:pointer;color:#000;border:3px solid #000;border-radius:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;transition:all .1s;display:flex;position:absolute;top:24px;right:24px;box-shadow:4px 4px #000}.close-modal:hover{background:var(--border);transform:scale(1.05)}header{justify-content:space-between;align-items:center;width:100%;max-width:540px;margin:0 auto;padding:24px 24px 0;display:flex}.logo{cursor:pointer;align-items:center;gap:10px;text-decoration:none;transition:transform .2s;display:flex}.logo:hover{transform:scale(1.02)}.logo-mark{width:32px;height:32px}.logo-text{color:var(--text-primary);letter-spacing:-.01em;font-family:DM Serif Display,serif;font-size:22px}.logo-text span{color:orange}.header-right{align-items:center;gap:12px;display:flex}.live-globe-container{background:var(--surface);border:2px solid #000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex;overflow:hidden;box-shadow:2px 2px #000;-webkit-mask-image:-webkit-radial-gradient(#fff,#000)}.live-globe-svg{width:26px;height:26px;animation:10s linear infinite spin-globe;display:block}@keyframes spin-globe{to{transform:rotate(360deg)}}.info-btn{background:var(--surface);cursor:pointer;color:#000;border:3px solid #000;border-radius:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:800;transition:all .1s;display:flex;box-shadow:4px 4px #000}.info-btn:hover{background:var(--accent-light);border-color:var(--border-strong);color:var(--text-primary);transform:translateY(-1px)}main{flex-direction:column;flex:1;justify-content:center;width:100%;max-width:540px;margin:0 auto;padding:20px 24px 24px;animation:.4s ease-out fadeIn;display:flex}.hero-marquee-wrapper{justify-content:center;width:100vw;margin-top:10px;margin-bottom:50px;padding:24px 0;display:flex;position:relative;left:50%;overflow:hidden;transform:translate(-50%)}.hero-marquee{white-space:nowrap;color:#000;letter-spacing:2px;background:orange;border-top:4px solid #000;border-bottom:4px solid #000;flex-shrink:0;width:110%;padding:16px 0;font-family:Dela Gothic One,cursive;font-size:clamp(16px,3vw,24px);display:flex;overflow:hidden;transform:rotate(-2.5deg);box-shadow:0 6px #000}.marquee-content{align-items:center;gap:24px;padding-left:24px;animation:15s linear infinite scroll-marquee;display:flex}.marquee-content .star{font-size:14px;animation:4s linear infinite spin-star;display:inline-block}@keyframes scroll-marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes spin-star{to{transform:rotate(360deg)}}.occasion-wrap{margin-bottom:40px}.occasion-input{width:100%;color:var(--text-primary);text-transform:uppercase;background:0 0;border:none;outline:none;font-family:Dela Gothic One,cursive;font-size:clamp(12px,3.5vw,22px);line-height:1.1}.occasion-input::placeholder{color:var(--text-muted)}.occasion-input:focus{transform:translate(4px)}.occasion-title{color:var(--text-primary);text-transform:uppercase;font-family:Dela Gothic One,cursive;font-size:clamp(12px,3.5vw,22px);line-height:1.1}.brutalist-notice{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;justify-content:center;align-items:center;margin-top:12px;margin-bottom:24px;font-family:Space Mono,ui-monospace,SFMono-Regular,monospace;font-size:11px;font-weight:800;display:flex}.brutalist-notice:before,.brutalist-notice:after{content:"";border-bottom:2px dashed var(--border-strong);opacity:.3;flex:1}.brutalist-notice:before{margin-right:12px}.brutalist-notice:after{margin-left:12px}.add-row{background:var(--surface);border:3px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);align-items:center;gap:12px;padding:14px 18px;transition:all .2s;display:flex}.add-row:focus-within{border-color:var(--accent);transform:translateY(-1px);box-shadow:0 0 0 3px #8080801a}.amount-input{font-variant-numeric:tabular-nums;width:40px;color:var(--text-secondary);text-align:center;background:0 0;border:none;outline:none;font-size:16px;font-weight:700}.amount-input::placeholder{color:var(--text-muted);font-weight:400}.amount-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.amount-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.amount-input[type=number]{-moz-appearance:textfield}.divider-v{background:var(--border-strong);opacity:.5;flex-shrink:0;width:1px;height:20px}.item-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-family:DM Sans,sans-serif;font-size:16px}.item-input::placeholder{color:var(--text-muted)}.add-btn{color:#000;cursor:pointer;background:orange;border:3px solid #000;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:20px;line-height:1;transition:all .1s;display:flex;box-shadow:4px 4px #000}.add-btn:hover:not(:disabled){background:var(--accent-hover);transform:scale(1.1)}.add-btn:active:not(:disabled){transform:scale(.95)}.add-btn:disabled{opacity:.5;cursor:not-allowed}.inline-add-row{border:1px dashed var(--border-strong);border-radius:var(--radius-sm);cursor:text;background:0 0;align-items:center;gap:12px;padding:12px 18px;transition:all .2s;display:flex}.inline-add-row:focus-within{border-color:var(--accent);background:var(--surface);box-shadow:var(--shadow-sm);border-style:solid;transform:translateY(-1px)}.inline-add-amount{width:34px;color:var(--text-primary);text-align:center;background:0 0;border:none;outline:none;font-family:Dela Gothic One,cursive;font-size:18px}.inline-add-amount::placeholder{color:var(--text-muted);font-weight:400}.inline-add-name{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px}.inline-add-name::placeholder{color:var(--text-muted);font-style:italic}.inline-add-btn{color:#000;cursor:pointer;background:orange;border:2px solid #000;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:18px;line-height:1;transition:all .1s;display:flex;box-shadow:2px 2px #000}.inline-add-btn:hover:not(:disabled){background:var(--accent);color:var(--surface);transform:scale(1.1)}.inline-add-btn:disabled{opacity:.3;cursor:not-allowed}.items-list{flex-direction:column;gap:10px;max-height:350px;margin-top:20px;padding-right:4px;display:flex;overflow-y:auto}.items-list::-webkit-scrollbar{width:4px}.items-list::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}.item-row{background:var(--surface);border:3px solid var(--border);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;padding:14px 18px;transition:transform .2s,box-shadow .2s;animation:.3s cubic-bezier(.34,1.56,.64,1) forwards fadeSlideIn;display:flex}.item-row:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.item-left{align-items:center;gap:12px;display:flex}.item-qty{color:var(--text-secondary);background:var(--accent-light);text-align:center;border-radius:8px;min-width:32px;padding:4px 8px;font-size:13px;font-weight:600}.item-name{color:var(--text-primary);font-size:16px;font-weight:400;transition:color .3s}.item-name.claimed{color:var(--text-muted);text-decoration:line-through;-webkit-text-decoration-color:var(--border-strong);text-decoration-color:var(--border-strong)}.item-right{align-items:center;gap:10px;display:flex}.claimed-badge{color:#fff;text-transform:uppercase;background:#000;border:3px solid #000;border-radius:0;align-items:center;gap:4px;padding:5px 12px;font-size:13px;font-weight:800;display:flex}.claim-btn{color:#000;cursor:pointer;text-transform:uppercase;background:#fff;border:3px solid #000;border-radius:0;padding:8px 16px;font-family:Dela Gothic One,cursive;font-size:12px;transition:all .1s;box-shadow:4px 4px #000}.claim-btn:hover{transform:translate(2px,2px);box-shadow:2px 2px #000}.delete-btn{cursor:pointer;color:#000;background:#fff;border:2px solid #000;border-radius:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:16px;transition:all .1s;display:flex;box-shadow:2px 2px #000}.delete-btn:hover{color:#fff;background:#f44}.empty-state{text-align:center;color:var(--text-muted);padding:40px 20px;font-size:15px}.sleek-onboarding{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;justify-content:center;align-items:center;gap:12px;padding:40px 0;font-size:13px;display:flex}.sleek-onboarding p span{opacity:.4;margin-right:4px}.sleek-dot{background:var(--border-strong);border-radius:50%;width:4px;height:4px}footer{width:100%;max-width:540px;margin:0 auto;padding:0 24px 40px}.action-btn{color:#000;text-transform:uppercase;cursor:pointer;background:orange;border:3px solid #000;border-radius:0;padding:16px 24px;font-family:Dela Gothic One,cursive;font-size:16px;transition:all .1s;box-shadow:4px 4px #000}.action-btn:hover:not(:disabled){transform:translate(2px,2px);box-shadow:2px 2px #000}.action-btn:active:not(:disabled){transform:translate(4px,4px);box-shadow:0 0 #000}.action-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.btn-subtitle{text-align:center;color:var(--text-muted);margin-top:12px;font-size:13px;font-weight:500}.legal-footer{color:var(--text-muted);justify-content:center;align-items:center;gap:12px;margin-top:32px;font-size:12px;display:flex}.legal-footer button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:12px;transition:color .2s}.legal-footer button:hover{color:var(--text-primary)}.info-popup{background:#e0ff00;border:4px solid #000;border-radius:0;align-items:center;gap:12px;width:calc(100% - 48px);max-width:540px;margin:16px auto 0;padding:14px 16px 14px 18px;animation:.5s cubic-bezier(.34,1.4,.64,1) both fadeSlideDown;display:flex;box-shadow:8px 8px #000}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.popup-icon{background:#fff;border:3px solid #000;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;display:flex}.popup-text{color:var(--text-secondary);flex:1;font-size:14px;line-height:1.5}.popup-text strong{color:var(--text-primary);font-weight:600}.popup-dismiss{cursor:pointer;color:#000;background:#fff;border:2px solid #000;border-radius:0;justify-content:center;align-items:center;width:26px;height:26px;transition:all .1s;display:flex}.popup-dismiss:hover{background:var(--accent-light);color:var(--text-primary)}.toast-container{pointer-events:none;z-index:200;justify-content:center;display:flex;position:fixed;bottom:40px;left:0;right:0}.toast{color:#fff;text-transform:uppercase;opacity:0;pointer-events:none;z-index:1000;background:#000;border:4px solid #fff;border-radius:0;padding:14px 24px;font-family:Dela Gothic One,cursive;font-size:14px;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:fixed;bottom:32px;left:50%;transform:translate(-50%)translateY(20px);box-shadow:8px 8px #000}@keyframes toastSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.toast-exit{animation:.3s ease-in forwards toastSlideDown}@keyframes toastSlideDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}.prompt-overlay{-webkit-backdrop-filter:blur(5px);z-index:150;background:#00000080;justify-content:center;align-items:center;padding:24px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.prompt-card{background:var(--surface);border:4px solid #000;border-radius:0;width:100%;max-width:360px;padding:32px 28px;animation:.3s cubic-bezier(.34,1.56,.64,1) popIn;box-shadow:8px 8px #000}@keyframes popIn{0%{opacity:0;transform:scale(.9)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.prompt-card h3{letter-spacing:-.04em;color:var(--text-primary);margin-bottom:8px;font-size:24px;font-weight:700}.prompt-card p{color:var(--text-secondary);margin-bottom:24px;font-size:14px;line-height:1.5}.prompt-name-input{width:100%;color:var(--text-primary);background:var(--bg);border:3px solid #000;border-radius:0;outline:none;padding:14px 16px;font-family:DM Sans,sans-serif;font-size:16px;font-weight:700;transition:all .2s;box-shadow:inset 2px 2px #0000000d}.prompt-name-input:focus{border-color:var(--accent);box-shadow:inset 2px 2px #0000000d,0 0 0 3px #ffa50033}.prompt-btns{gap:12px;margin-top:20px;display:flex}.prompt-cancel{background:var(--surface);color:#000;cursor:pointer;text-transform:uppercase;border:3px solid #000;border-radius:0;flex:1;padding:14px;font-family:Dela Gothic One,cursive;font-size:12px;transition:all .1s;box-shadow:4px 4px #000}.prompt-cancel:hover{transform:translate(2px,2px);box-shadow:2px 2px #000}.prompt-confirm{color:#000;cursor:pointer;text-transform:uppercase;background:orange;border:3px solid #000;border-radius:0;flex:1.5;padding:14px;font-family:Dela Gothic One,cursive;font-size:12px;transition:all .1s;box-shadow:4px 4px #000}.prompt-confirm:hover{transform:translate(2px,2px);box-shadow:2px 2px #000}.prompt-confirm:active{transform:translate(4px,4px);box-shadow:0 0 #000}.spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:1s ease-in-out infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.premium-badge-btn{color:#1a1917;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;background:linear-gradient(135deg,gold 0%,orange 100%);border:none;border-radius:20px;padding:6px 12px;font-size:11px;font-weight:700;transition:all .2s;box-shadow:0 4px 10px #ffa50033}.premium-badge-btn:hover{transform:translateY(-2px);box-shadow:0 6px 15px #ffa5004d}.premium-sheet{background:var(--surface);border:3px solid var(--border);max-width:440px}.premium-inner{text-align:center;padding:24px 32px 0}.premium-header{margin-bottom:24px}.premium-badge-large{color:#1a1917;letter-spacing:.1em;background:linear-gradient(135deg,gold 0%,orange 100%);border-radius:20px;margin-bottom:16px;padding:4px 12px;font-size:11px;font-weight:800;display:inline-block}.premium-title{letter-spacing:-.04em;color:var(--text-primary);margin-bottom:8px;font-size:28px;font-weight:700}.premium-subtitle{color:var(--text-secondary);font-size:14px}.premium-features{text-align:left;flex-direction:column;gap:16px;margin-bottom:32px;display:flex}.feature-row{align-items:flex-start;gap:12px;display:flex}.feature-icon{background:var(--accent-light);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;display:flex}.feature-text h4{color:var(--text-primary);margin-bottom:4px;font-size:15px}.feature-text p{color:var(--text-secondary);font-size:13px;line-height:1.4}.premium-pricing{margin-bottom:24px}.premium-pricing .price{letter-spacing:-.04em;color:var(--text-primary);font-size:42px;font-weight:700}.premium-pricing .period{color:var(--text-muted);font-size:15px;font-weight:500}.premium-action-btn{color:#1a1917;cursor:pointer;background:linear-gradient(135deg,gold 0%,orange 100%);border:none;border-radius:100px;width:100%;margin-bottom:12px;padding:16px 24px;font-family:DM Sans,sans-serif;font-size:16px;font-weight:700;transition:all .2s;box-shadow:0 8px 20px #ffa50033}.premium-action-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #ffa5004d}.premium-action-btn:active{transform:translateY(1px)}.premium-terms{color:var(--text-muted);margin-bottom:8px;font-size:12px}.expiry-notice{color:var(--text-muted);align-items:center;gap:6px;margin-top:8px;padding:0 4px;font-size:12px;animation:.4s fadeIn;display:flex}.expiry-notice svg{color:var(--text-secondary)}.inline-pro-btn{color:orange;font-family:inherit;font-size:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-weight:600;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:all .2s}.inline-pro-btn:hover{text-decoration-color:orange}@media (width<=480px){header{padding:16px 16px 0}main{padding:24px 16px 16px}.occasion-input{width:100%;color:var(--text-primary);text-transform:uppercase;background:0 0;border:none;outline:none;font-family:Dela Gothic One,cursive;font-size:32px;line-height:1.1}.add-row{padding:8px 12px}.inline-add-row{padding:10px 12px}.item-row{padding:12px}.modal-sheet{border-radius:20px 20px 0 0}.modal-inner{padding:24px 20px 0}.premium-title{font-size:24px}.premium-pricing .price{font-size:36px}.feature-text h4{font-size:14px}.feature-text p{font-size:12px}.legal-footer{flex-wrap:wrap;row-gap:6px}.logo-text{color:var(--text-primary);letter-spacing:-.01em;font-family:DM Serif Display,serif;font-size:22px}.status-pill{padding:4px 10px;font-size:10px}}.hz-cv-wrapper{z-index:9999;background:#000;width:100%;height:400vh;font-family:Space Mono,monospace;position:relative}.hz-cv-sticky{background-image:radial-gradient(#333 1.5px,#111 1.5px);background-size:24px 24px;width:100%;height:100vh;position:sticky;top:0;overflow:hidden}.hz-cv-track{will-change:transform;width:400vw;height:100vh;display:flex}.hz-screen{flex-shrink:0;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative}.hz-giant-text,.hz-bg-text{color:#fff;white-space:nowrap;pointer-events:none;z-index:0;font-family:Dela Gothic One,cursive;position:absolute}.hz-giant-text{text-shadow:8px 8px orange;font-size:15vw}.hz-bg-text{color:#ffffff0d;-webkit-text-stroke:2px #ffffff1a;font-size:20vw}.outline-text{color:#0000;-webkit-text-stroke:4px orange;text-shadow:none}.hz-card{z-index:10;background:#fff;border:4px solid #000;max-width:400px;padding:32px;position:relative;box-shadow:12px 12px #000}.intro-card{background:#ffeb3b;transform:rotate(-2deg)}.intro-card h3{text-transform:uppercase;margin:0 0 16px;font-family:Dela Gothic One,cursive;font-size:32px}.intro-card p{margin:0;font-size:16px;font-weight:700;line-height:1.6}.hz-scroll-indicator{color:#fff;background:#000;margin-top:24px;padding:8px 16px;font-weight:700;animation:1.5s infinite alternate pulse-x;display:inline-block}@keyframes pulse-x{0%{transform:translate(0)}to{transform:translate(10px)}}.hz-linkedin-btn{color:#fff;text-transform:uppercase;background:#2563eb;border:3px solid #000;margin-top:15px;margin-left:15px;padding:8px 16px;font-family:Dela Gothic One,cursive;font-size:16px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-block;box-shadow:4px 4px #000}.hz-linkedin-btn:hover{color:#fff;transform:translate(-2px,-2px);box-shadow:6px 6px #000}.screen-2{gap:40px}.exp-card{background:#c2e7ff;max-width:320px}.exp-card:nth-child(2n){background:#ffbcf2}.offset-up{transform:translateY(-60px)rotate(2deg)}.offset-down{transform:translateY(60px)rotate(-1deg)}.exp-card h4{text-transform:uppercase;margin:0 0 8px;font-family:Dela Gothic One,cursive;font-size:18px}.hz-date{color:#555;margin-bottom:12px;font-size:13px;font-weight:700;display:block}.hz-card-stack{z-index:10;gap:40px;display:flex;position:relative}.vol-card{background:#fff;transform:rotate(-2deg)}.edu-card{background:orange;transform:rotate(3deg)translateY(40px)}.hz-card-stack h3{border-bottom:4px solid #000;margin:0 0 20px;padding-bottom:8px;font-family:Dela Gothic One,cursive;font-size:24px}.hz-vol-item h4{margin:0 0 4px;font-size:16px;font-weight:700}.hz-skills-grid{z-index:10;flex-wrap:wrap;justify-content:center;gap:20px;max-width:800px;display:flex}.hz-skill-pill{text-transform:uppercase;background:#fff;border:4px solid #000;padding:16px 32px;font-family:Dela Gothic One,cursive;font-size:24px;transition:transform .2s;box-shadow:8px 8px #000}.hz-skill-pill:hover{transform:scale(1.1)rotate(0)!important}.rotate-1{background:#c2e7ff;transform:rotate(-4deg)}.rotate-2{background:#ffeb3b;transform:rotate(3deg)}.rotate-3{background:#ffbcf2;transform:rotate(-2deg)}@media (width<=768px){.hz-cv-wrapper{height:auto!important}.hz-cv-sticky{height:auto!important;position:relative!important;overflow:hidden!important}.hz-cv-track{flex-direction:column!important;width:100%!important;height:auto!important;transform:none!important}.hz-screen{min-height:100vh;flex-direction:column!important;justify-content:flex-start!important;gap:30px!important;width:100%!important;height:auto!important;padding:60px 20px!important}.hz-giant-text,.hz-bg-text{text-align:center;margin-bottom:20px;line-height:1.1;white-space:normal!important;font-size:18vw!important;position:relative!important;transform:none!important}.hz-card{width:100%;max-width:100%!important;padding:24px!important;box-shadow:6px 6px #000!important}.hz-card-stack{width:100%;flex-direction:column!important;gap:20px!important}.offset-up,.offset-down,.offset-right{transform:none!important}.hz-skill-pill{text-align:center;width:100%;padding:12px 20px;font-size:16px}.intro-card,.vol-card,.edu-card{transform:none!important}}.cv-pro-overlay{z-index:9999;color:#000;background-color:#fdfbf7;flex-direction:column;align-items:center;width:100vw;height:100vh;padding:80px 20px 40px;font-family:Space Mono,monospace;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.cv-pro-overlay::-webkit-scrollbar{width:32px}.cv-pro-overlay::-webkit-scrollbar-track{background:#fdfbf7 linear-gradient(90deg,#0000 13px,#000 13px 19px,#0000 19px);border-left:3px dashed #000}.cv-pro-overlay::-webkit-scrollbar-thumb{background-color:orange;border:4px solid #000;border-radius:32px;box-shadow:inset 4px 4px #fffc,inset -4px -4px #0000004d}.cv-pro-overlay::-webkit-scrollbar-thumb:hover{background-color:#f50;box-shadow:inset -4px -4px #fffc,inset 4px 4px #0000004d}.cv-pro-overlay::-webkit-scrollbar-corner{background:#fdfbf7;border-left:3px dashed #000}.cv-pro-toolbar{z-index:10000;gap:12px;display:flex;position:fixed;top:20px;right:20px}.cv-pro-btn{color:#000;cursor:pointer;background-color:orange;border:3px solid #000;padding:8px 16px;font-family:Dela Gothic One,cursive;font-size:14px;transition:all .2s;box-shadow:4px 4px #000}.cv-pro-btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #000}.cv-pro-btn:active{transform:translate(2px,2px);box-shadow:2px 2px #000}.os-start-menu{z-index:100000;background-color:silver;border:2px solid #000;border-color:#dfdfdf #000 #000 #dfdfdf;width:200px;display:flex;position:absolute;bottom:35px;left:2px;box-shadow:inset 1px 1px #fff,inset -1px -1px gray}.os-start-sidebar{color:#fff;background:linear-gradient(#1084d0,navy);align-items:flex-end;width:25px;padding-bottom:5px;display:flex}.os-start-sidebar span{transform-origin:10px 10px;white-space:nowrap;margin-bottom:70px;font-size:16px;font-weight:700;transform:rotate(-90deg)}.os-start-items{flex-direction:column;width:100%;padding:2px;display:flex}.os-start-item{cursor:pointer;color:#000;align-items:center;padding:8px 10px;font-size:13px;display:flex}.os-start-item img{width:24px;height:24px;margin-right:10px}.os-start-item:hover{color:#fff;background-color:navy}.os-start-separator{border-top:1px solid gray;border-bottom:1px solid #fff;height:2px;margin:2px 5px}.os-login-window{background-color:silver;border:2px solid #000;border-color:#dfdfdf #000 #000 #dfdfdf;flex-direction:column;width:450px;display:flex;box-shadow:inset 1px 1px #fff,inset -1px -1px gray}.os-login-body{background:silver;padding:0;display:flex}.os-login-banner{background:linear-gradient(navy,#1084d0);flex-direction:column;justify-content:space-between;align-items:center;width:100px;padding:20px 0;display:flex}.os-login-banner-text{color:#fff;writing-mode:vertical-rl;margin-bottom:20px;font-size:20px;font-weight:700;transform:rotate(180deg)}.os-login-key{width:48px;height:48px;image-rendering:pixelated;margin-top:auto}.os-login-form{flex-direction:column;flex:1;padding:20px;display:flex}.os-login-input-row{align-items:center;margin-bottom:15px;display:flex}.os-login-label{color:#000;width:80px;font-size:13px}.os-input-retro{background:#fff;border:2px solid #dfdfdf;border-color:gray #dfdfdf #dfdfdf gray;flex:1;padding:3px 5px;font-family:inherit;font-size:13px}.os-input-retro:focus{outline:none}.os-login-actions{flex-direction:column;gap:10px;padding:20px 10px;display:flex}.os-btn-retro-wide{cursor:pointer;background-color:silver;border:2px solid #000;border-color:#dfdfdf #000 #000 #dfdfdf;min-width:80px;padding:4px 15px;font-family:inherit;font-size:13px;box-shadow:inset 1px 1px #fff,inset -1px -1px gray}.os-btn-retro-wide:active{border-color:#000 #dfdfdf #dfdfdf #000;box-shadow:inset 1px 1px gray,inset -1px -1px #fff}.os-taskbar.retro{background-color:silver;border-top:2px solid #dfdfdf;align-items:center;height:30px;padding:0 5px;display:flex;box-shadow:0 -1px #000}.cv-pro-btn.close{color:#fff;background-color:#f44}.cv-pro-document{background-color:#fff;border:4px solid #000;width:100%;max-width:900px;margin-bottom:40px;padding:40px;box-shadow:12px 12px #000}.cv-pro-header{border-bottom:4px solid #000;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:30px;padding-bottom:30px;display:flex}.cv-pro-title h1{text-transform:uppercase;margin:0 0 10px;font-family:Dela Gothic One,cursive;font-size:clamp(32px,5vw,64px);line-height:1}.cv-pro-title h2{background-color:orange;border:2px solid #000;margin:0;padding:4px 12px;font-size:20px;font-weight:700;display:inline-block}.cv-pro-contact{text-align:right;flex-direction:column;gap:6px;font-size:14px;font-weight:700;display:flex}.cv-pro-grid{grid-template-columns:1fr 2fr;gap:40px;display:grid}@media (width<=768px){.cv-pro-grid{grid-template-columns:1fr}.cv-pro-contact{text-align:left}.cv-pro-document{border-width:2px;padding:20px}.cv-pro-title h1{font-size:28px}.cv-pro-header{flex-direction:column;align-items:flex-start}}.cv-pro-section{margin-bottom:40px}.cv-pro-section h3{text-transform:uppercase;border-bottom:4px solid #000;margin:0 0 20px;padding-bottom:8px;font-family:Dela Gothic One,cursive;font-size:24px;display:inline-block}.cv-pro-item{margin-bottom:24px}.cv-pro-item h4{margin:0 0 4px;font-size:18px;font-weight:800}.cv-pro-date{color:#fff;background-color:#000;margin-bottom:12px;padding:4px 8px;font-size:14px;font-weight:700;display:inline-block}.cv-pro-item p{margin:0;font-size:15px;line-height:1.6}.cv-pro-list{margin:0;padding:0;list-style-type:none}.cv-pro-list li{margin-bottom:8px;padding-left:20px;font-size:15px;position:relative}.cv-pro-list li:before{content:">";color:orange;font-weight:700;position:absolute;left:0}.cv-pro-tags{flex-wrap:wrap;gap:10px;display:flex}.cv-pro-tags span{background-color:#fff;border:2px solid #000;padding:4px 10px;font-size:14px;font-weight:700;box-shadow:2px 2px #000}@media print{@page{margin:0;size:A4}body{-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#fff}.cv-pro-overlay{background:0 0;padding:0;position:static;overflow:visible}.cv-pro-toolbar,.cv-pro-toolbar-left,.cv-floating-nav{display:none!important}.cv-pro-document{max-width:none;margin:0;padding:10mm 15mm;box-shadow:none!important;color:#000!important;border:none!important;font-family:Helvetica Neue,Helvetica,Arial,sans-serif!important}.cv-pro-header{text-align:left!important;box-shadow:none!important;background:0 0!important;border:none!important;border-bottom:1px solid #ccc!important;flex-direction:row!important;justify-content:space-between!important;align-items:flex-end!important;margin:0 0 15px!important;padding:0 0 10px!important;display:flex!important}.cv-pro-title h1{text-shadow:none!important;letter-spacing:0!important;color:#000!important;background:0 0!important;border:none!important;margin:0!important;font-family:Helvetica Neue,Helvetica,Arial,sans-serif!important;font-size:28px!important;font-weight:700!important}.cv-pro-contact{text-align:right!important;border:none!important;flex-direction:column!important;gap:2px!important;margin:0!important;padding:0!important;font-family:Helvetica Neue,Helvetica,Arial,sans-serif!important;font-size:11px!important;display:flex!important}.cv-pro-contact div{margin:0!important}.cv-pro-intro{text-align:left!important;color:#333!important;border-left:2px solid #ccc!important;margin-bottom:20px!important;padding-left:10px!important;font-size:12px!important;font-style:normal!important}.cv-pro-grid{flex-direction:row!important;gap:30px!important;display:flex!important}.cv-pro-column.left{max-width:30%;flex:1!important}.cv-pro-column.right{flex:2.2!important}.cv-pro-section{box-shadow:none!important;background:0 0!important;border:none!important;margin-bottom:15px!important;padding:0!important}.cv-pro-section h3{color:#000!important;text-transform:uppercase!important;box-shadow:none!important;background:0 0!important;border:none!important;border-bottom:1px solid #000!important;margin:0 0 10px!important;padding:0 0 3px!important;font-family:Helvetica Neue,Helvetica,Arial,sans-serif!important;font-size:13px!important;font-weight:700!important}.cv-pro-item{border:none!important;margin-bottom:12px!important;padding:0!important}.cv-pro-item h4{color:#000!important;margin:0 0 2px!important;font-family:Helvetica Neue,Helvetica,Arial,sans-serif!important;font-size:13px!important;font-weight:700!important}.cv-pro-date{color:#666!important;background:0 0!important;border:none!important;margin-bottom:4px!important;padding:0!important;font-family:Helvetica Neue,Helvetica,Arial,sans-serif!important;font-size:11px!important;font-weight:400!important;display:block!important}.cv-pro-item p{color:#000!important;margin:0!important;font-family:Helvetica Neue,Helvetica,Arial,sans-serif!important;font-size:11px!important;line-height:1.4!important}.cv-pro-list li{color:#000!important;border:none!important;margin-bottom:3px!important;padding-left:12px!important;font-family:Helvetica Neue,Helvetica,Arial,sans-serif!important;font-size:11px!important}.cv-pro-list li:before{content:"•"!important;color:#000!important;font-size:14px!important;top:-2px!important}.cv-pro-tags{flex-direction:column!important;gap:3px!important;display:flex!important}.cv-pro-tags span{box-shadow:none!important;color:#000!important;background:0 0!important;border:none!important;padding:0 0 0 12px!important;font-family:Helvetica Neue,Helvetica,Arial,sans-serif!important;font-size:11px!important;font-weight:400!important;display:block!important;position:relative!important}.cv-pro-tags span:before{content:"•"!important;color:#000!important;font-size:14px!important;position:absolute!important;top:-2px!important;left:0!important}.cv-pro-tags span:after{content:none!important}}.hz-image-modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100000;cursor:zoom-out;background:#000c;justify-content:center;align-items:center;padding:2rem;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.hz-image-modal-content{background:var(--surface);border:4px solid #000;flex-direction:column;max-width:90vw;max-height:90vh;padding:1rem;animation:.4s cubic-bezier(.175,.885,.32,1.275) popIn;display:flex;position:relative;box-shadow:12px 12px #000}.hz-image-modal-content img{object-fit:contain;border:2px solid #000;max-width:100%;max-height:70vh}.hz-modal-caption{text-align:center;text-transform:uppercase;margin-top:1rem;font-family:Space Mono,monospace;font-size:1.5rem;font-weight:700}.hz-modal-close{color:#000;cursor:pointer;background:#ff453a;border:3px solid #000;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.5rem;font-weight:700;transition:all .2s;display:flex;position:absolute;top:-20px;right:-20px;box-shadow:4px 4px #000}.hz-modal-close:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #000}.hz-modal-close:active{transform:translate(2px,2px);box-shadow:2px 2px #000}.hz-clickable-img{cursor:zoom-in;transition:transform .2s,box-shadow .2s}.hz-clickable-img:hover{transform:scale(1.05);box-shadow:4px 4px #000}.hz-sticker{color:#000!important;background:#ffeb3b!important;border:4px dashed #000!important;transition:transform .3s,box-shadow .3s!important;transform:rotate(-3deg)!important;box-shadow:12px 12px #000!important}.hz-sticker:hover{transform:rotate(0)translateY(-5px)!important;box-shadow:16px 16px #000!important}.hz-sticker h4,.hz-sticker p{color:#000!important}.skills-container{gap:2rem;width:100%;max-width:900px;margin:0 auto;display:flex}@media (width<=768px){.skills-container{flex-direction:column}}.skills-panel{border:4px solid #000;flex-direction:column;flex:1;gap:1.5rem;padding:2rem;transition:transform .3s,box-shadow .3s;display:flex;box-shadow:12px 12px #000}.skills-panel:hover{box-shadow:16px 16px #000;transform:translateY(-5px)!important}.skills-panel.hard{background:#3b82f6;transform:rotate(-1deg)}.skills-panel.soft{background:#ec4899;transform:rotate(1deg)}.skills-panel h3{text-transform:uppercase;color:#fff;-webkit-text-stroke:1.5px #000;text-shadow:4px 4px #000;text-align:center;margin:0;font-size:2.5rem}.skills-grid-new{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.skill-tag{cursor:default;font-family:Space Mono,monospace}.skill-tag.hard-tag{color:#000;text-transform:uppercase;background:#fff;border:3px solid #000;padding:.75rem 1.5rem;font-weight:900;transition:transform .2s,box-shadow .2s;box-shadow:4px 4px #000}.skill-tag.hard-tag:hover{background:#ffeb3b;transform:translate(-4px,-4px);box-shadow:8px 8px #000}.skill-tag.soft-tag{color:#000;background:#fff;border:3px dashed #000;border-radius:50px;padding:.75rem 1.5rem;font-weight:800;transition:transform .2s,box-shadow .2s;box-shadow:4px 4px #000}.skill-tag.soft-tag:hover{background:#10b981;transform:rotate(5deg)scale(1.1);box-shadow:6px 6px #000}@media (height<=900px){.hz-card{padding:20px}.hz-card h4{margin:4px 0}.hz-card p{font-size:14px;line-height:1.4}.hz-card-stack{gap:20px}.hz-giant-text,.hz-bg-text{font-size:18vh}.skills-container{gap:1.5rem;padding-top:1rem}.skills-panel{gap:1rem;padding:1.5rem}.skills-panel h3{font-size:1.8rem}.skill-tag.hard-tag,.skill-tag.soft-tag{padding:.5rem 1rem;font-size:.9rem}.intro-card h3{margin-bottom:10px;font-size:24px}.intro-card p{font-size:14px}}@media (height<=700px){.hz-card{padding:15px}.hz-card h4{margin:0;font-size:16px}.hz-card p{font-size:13px}.hz-giant-text,.hz-bg-text{font-size:15vh}.hz-card-stack h3{margin-bottom:10px;font-size:20px}.hz-vol-item h4{font-size:14px}.hz-date{font-size:12px}.skills-container{gap:1rem}.skills-panel{gap:.5rem;padding:1rem}.skills-panel h3{font-size:1.5rem}.skill-tag.hard-tag,.skill-tag.soft-tag{padding:.4rem .8rem;font-size:.8rem}}.cv-switcher-container{z-index:10001;gap:12px;display:flex;position:absolute;top:20px}.cv-switcher-container.right-align{right:20px}.cv-switcher-container.left-align{left:20px}@media (width<=768px){.cv-switcher-container{flex-direction:column;align-items:stretch;gap:8px;width:calc(100vw - 20px);top:10px;left:10px!important;right:10px!important}.cv-pro-btn{text-align:center;border-radius:4px;justify-content:center;align-items:center;width:100%;padding:12px 16px;font-size:14px;display:flex}}.sandbox-nav{color:#fff;z-index:100000;background-color:#111;justify-content:space-between;align-items:center;width:100vw;height:60px;padding:0 20px;font-family:Inter,sans-serif;display:flex;position:fixed;top:0;left:0;box-shadow:0 4px 10px #00000080}.sandbox-group{align-items:center;gap:10px;display:flex}.sandbox-label{color:#888;text-transform:uppercase;letter-spacing:1px;margin-right:10px;font-size:12px}.sandbox-btn{color:#fff;cursor:pointer;background:0 0;border:1px solid #444;border-radius:6px;padding:8px 16px;font-size:14px;transition:all .2s}.sandbox-btn:hover{background:#333}.sandbox-btn.active{color:#000;background:#fff;font-weight:700}.home-btn{border-color:#0000;font-size:16px;font-weight:700}@media (width<=768px){.sandbox-nav{flex-wrap:wrap;justify-content:center;gap:10px;height:auto;padding:10px}.sandbox-group{flex-wrap:wrap;justify-content:center}}.bento-container{color:#f8fafc;background-color:#0f172a;justify-content:center;min-height:100vh;padding:40px;font-family:Inter,sans-serif;display:flex}.bento-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(150px,auto);gap:20px;width:100%;max-width:1200px;display:grid}.bento-tile{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1e293bb3;border:1px solid #ffffff1a;border-radius:24px;flex-direction:column;justify-content:center;padding:30px;transition:transform .3s,box-shadow .3s;display:flex}.bento-tile:hover{border-color:#fff3;transform:translateY(-5px);box-shadow:0 10px 30px #0000004d}.bento-tile h2,.bento-tile h3,.bento-tile h4{letter-spacing:1px;margin:0 0 10px;font-family:Dela Gothic One,cursive}.bento-tile h2{color:#38bdf8;font-size:2rem}.bento-tile h3{color:#a78bfa;font-size:1.5rem}.bento-tile h4{color:#fbbf24;font-size:1.2rem}.bento-date{color:#94a3b8;margin-bottom:10px;font-size:.9rem}.bento-tile ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.bento-tile ul li{background:#ffffff0d;border-radius:8px;padding:8px 12px;font-size:.95rem}.bento-intro{grid-area:span 1/span 3}.bento-info{grid-area:span 1/span 1}.bento-exp-1,.bento-exp-2{grid-area:span 1/span 2}.bento-project{grid-area:span 2/span 2}.bento-skills-soft,.bento-skills-hard{grid-area:span 2/span 1;justify-content:flex-start}.bento-art-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px;display:grid}.bento-art-grid img{aspect-ratio:1;object-fit:cover;cursor:pointer;border-radius:12px;width:100%;transition:transform .2s}.bento-art-grid img:hover{transform:scale(1.05)}@media (width<=900px){.bento-grid{grid-template-columns:repeat(2,1fr)}.bento-intro,.bento-info{grid-column:span 2}}@media (width<=600px){.bento-grid{flex-direction:column;display:flex}.bento-container{padding:20px}}.os-desktop.retro{-webkit-user-select:none;user-select:none;background-color:teal;width:100%;height:100%;font-family:Pixelated MS Sans Serif,Tahoma,sans-serif;position:absolute;top:0;left:0;overflow:hidden}.os-icons-container{flex-direction:column;align-items:flex-start;gap:20px;padding:20px;display:flex}.os-icon{color:#fff;text-align:center;cursor:pointer;flex-direction:column;align-items:center;width:80px;display:flex}.os-icon img{width:32px;height:32px;image-rendering:pixelated;margin-bottom:5px}.os-icon span{align-items:center;font-size:14px;font-weight:700}.os-window-close{cursor:pointer;background:silver;border:2px solid #000;border-color:#fff #000 #000 #fff;padding:0 4px;font-weight:700}.os-window-close:active{border-color:#000 #fff #fff #000}.os-window-body{color:#000;background:#fff;border:2px solid #fff;border-color:gray #fff #fff gray;margin:5px;padding:15px}.os-list-item{margin-bottom:15px}.os-list-item h4{margin:0}.os-list-item span{color:#666;font-size:12px}.os-art-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.os-art-grid img{aspect-ratio:1;object-fit:cover;cursor:pointer;border:2px solid #000;width:100%}.os-taskbar{z-index:100;background:silver;border-top:2px solid #fff;align-items:center;width:100vw;height:40px;padding:0 5px;display:flex;position:fixed;bottom:0;left:0}.os-start-btn{cursor:pointer;background:silver;border:2px solid #000;border-color:#fff #000 #000 #fff;align-items:center;padding:4px 10px;font-weight:700;display:flex}.os-start-btn:active{border-color:#000 #fff #fff #000}.os-taskbar-items{flex:1;gap:5px;padding:0 10px;display:flex}.os-taskbar-item{cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:silver;border:2px solid #000;border-color:#fff #000 #000 #fff;max-width:150px;padding:4px 10px;overflow:hidden}.os-taskbar-item.active{background:#e0e0e0;border-color:#000 #fff #fff #000}.os-clock{border:2px solid #fff;border-color:gray #fff #fff gray;margin-left:auto;padding:4px 10px}@media (width<=768px){.os-window{width:90%;left:5%!important}}.ob-container{min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Arial,sans-serif;transition:background-color .5s,color .5s;position:relative;overflow-x:hidden}.ob-container.dark{--ob-bg:#111;--ob-fg:#fff;--ob-glass:#ffffff0d;--ob-border:#ffffff1a;--ob-orb-color1:#f36;--ob-orb-color2:#3cf}.ob-container.light{--ob-bg:#f4f4f4;--ob-fg:#111;--ob-glass:#0000000d;--ob-border:#0000001a;--ob-orb-color1:#f36;--ob-orb-color2:#3cf}.ob-container{background-color:var(--ob-bg);color:var(--ob-fg)}.ob-cursor{mix-blend-mode:difference;pointer-events:none;z-index:999999;background-color:#fffc;border-radius:50%;width:40px;height:40px;transition:transform .3s cubic-bezier(.165,.84,.44,1);position:fixed;transform:translate(-50%,-50%)scale(1)}.ob-cursor.hover{transform:translate(-50%,-50%)scale(.5)}@media (width<=900px){.ob-cursor{display:none}.ob-container{cursor:auto!important}}.ob-orb-wrapper{pointer-events:none;z-index:0;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.ob-orb{background:conic-gradient(from 0deg, var(--ob-orb-color1), var(--ob-orb-color2), var(--ob-orb-color1));filter:blur(100px);opacity:.15;border-radius:50%;width:60vw;max-width:800px;height:60vw;max-height:800px;animation:20s linear infinite obSpin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes obSpin{to{transform:translate(-50%,-50%)rotate(360deg)}}.ob-hud-top{z-index:100;mix-blend-mode:difference;color:#fff;pointer-events:none;justify-content:space-between;align-items:flex-start;width:100%;padding:30px 40px;display:flex;position:fixed;top:0;left:0}.ob-hud-logo{letter-spacing:2px;font-size:1.2rem;font-weight:800;line-height:1.2}.ob-hud-controls{pointer-events:auto}.ob-theme-toggle{color:#fff;letter-spacing:1px;cursor:pointer;background:0 0;border:1px solid #fff;border-radius:30px;padding:8px 16px;font-size:.8rem;font-weight:600;transition:all .3s}.ob-theme-toggle:hover{color:#000;background:#fff}.ob-main-content{z-index:10;position:relative}.ob-section{flex-direction:column;justify-content:center;min-height:100vh;padding:100px 5vw;display:flex}.ob-hero{text-align:center;align-items:center}.ob-huge-title{letter-spacing:-2px;text-transform:uppercase;margin:0 0 30px;font-size:clamp(3rem,8vw,10rem);font-weight:900;line-height:.9}.ob-stagger{display:inline-block}.ob-subtitle{max-width:600px;color:var(--ob-fg);opacity:.8;margin:0 auto;font-size:clamp(1.2rem,2vw,2rem);font-weight:300}.ob-scroll-down{letter-spacing:2px;text-transform:uppercase;opacity:.5;margin-top:100px;font-size:.9rem;font-weight:600;animation:2s infinite obBounce}@keyframes obBounce{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}.ob-grid-section{background-color:var(--ob-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.ob-grid{grid-template-columns:1fr 1fr;gap:40px;width:100%;max-width:1400px;margin:0 auto;display:grid}.ob-grid-item{border:1px solid var(--ob-border);border-radius:20px;padding:40px;transition:transform .3s}.ob-grid-item:hover{transform:translateY(-5px)}.ob-grid-item.full-width{grid-column:1/-1}.ob-eyebrow{letter-spacing:2px;text-transform:uppercase;color:var(--ob-orb-color1);margin-bottom:20px;font-size:.9rem;font-weight:700;display:block}.ob-grid-item h3{letter-spacing:-1px;margin:0 0 20px;font-size:2.5rem;font-weight:800}.ob-grid-item p{opacity:.8;font-size:1.2rem;line-height:1.6}.ob-art-row{gap:20px;margin-top:30px;padding-bottom:10px;display:flex;overflow-x:auto}.ob-art-row img{object-fit:cover;cursor:pointer;border-radius:10px;height:300px}.ob-footer{text-align:center;border-top:1px solid var(--ob-border);padding:100px 5vw}.ob-footer-title{letter-spacing:-2px;margin-bottom:50px;font-size:clamp(3rem,6vw,8rem);font-weight:900;line-height:.9}.ob-footer-links{justify-content:center;gap:40px;font-size:1.2rem;font-weight:600;display:flex}.ob-modal-overlay{z-index:1000000;background:#000000e6;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.ob-modal-content{position:relative}.ob-modal-close{color:#fff;letter-spacing:2px;cursor:pointer;background:0 0;border:none;font-size:1rem;position:absolute;top:-50px;right:0}.ob-modal-content img{object-fit:contain;max-width:90vw;max-height:80vh}@media (width<=900px){.ob-grid{grid-template-columns:1fr}.ob-hud-top{padding:20px}.ob-footer-links{flex-direction:column;gap:20px}}.vision-container{background:radial-gradient(circle at 0 0,#4f46e5,#0ea5e9,#10b981,#0f172a) 0 0/400% 400%;justify-content:center;align-items:center;min-height:100vh;padding:40px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;animation:15s infinite gradientShift;display:flex;position:relative;overflow:hidden}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.vision-orb{filter:blur(80px);z-index:0;opacity:.6;border-radius:50%;position:absolute}.vision-orb.orb-1{background:#ec4899;width:400px;height:400px;animation:10s infinite alternate float;top:-100px;left:-100px}.vision-orb.orb-2{background:#8b5cf6;width:500px;height:500px;animation:12s infinite alternate-reverse float;bottom:-150px;right:-100px}.vision-orb.orb-3{background:#eab308;width:300px;height:300px;animation:8s infinite alternate float;top:30%;left:40%}@keyframes float{0%{transform:translateY(0)scale(1)}to{transform:translateY(-50px)scale(1.1)}}.glassmorphism{-webkit-backdrop-filter:blur(25px);background:#ffffff26;border:1px solid #ffffff4d;box-shadow:0 25px 50px #0003}.vision-layout{z-index:10;gap:30px;width:100%;max-width:1100px;display:flex}.vision-main-panel{color:#fff;border-radius:30px;flex-direction:column;flex:1;justify-content:center;min-height:500px;padding:50px;transition:all .5s cubic-bezier(.4,0,.2,1);display:flex}.vision-nav{flex-direction:column;gap:15px;width:200px;display:flex}.vision-btn{color:#fff;cursor:pointer;text-align:left;border-radius:20px;align-items:center;gap:10px;padding:15px 20px;font-size:1.1rem;font-weight:500;transition:all .3s;display:flex}.vision-btn:hover{background:#ffffff40;transform:translate(-5px)}.vision-btn.active{color:#000;background:#ffffffe6;border:none;transform:translate(-10px)}.vision-title{letter-spacing:-1px;margin:0 0 10px;font-size:3rem;font-weight:700}.vision-subtitle{color:#fffc;text-transform:uppercase;letter-spacing:2px;margin:0 0 20px;font-size:1.2rem;font-weight:400}.vision-text{font-size:1.2rem;font-weight:300;line-height:1.6}.vision-tags{opacity:.8;gap:20px;margin-top:30px;display:flex}.vision-timeline{flex-direction:column;gap:25px;margin-top:20px;display:flex}.vision-job h4{margin:0;font-size:1.3rem}.vision-job span{opacity:.7;font-size:.9rem}.vision-job p{margin:5px 0 0;font-weight:300}.vision-list{font-size:1.1rem;font-weight:300;line-height:2}.vision-gallery{gap:20px;margin-top:20px;display:flex}.vision-gallery img{object-fit:cover;cursor:pointer;border-radius:20px;width:120px;height:120px;transition:transform .3s}.vision-gallery img:hover{transform:scale(1.1)}@media (width<=800px){.vision-layout{flex-direction:column-reverse}.vision-nav{flex-flow:wrap;justify-content:center;width:100%}.vision-btn{padding:10px 15px;font-size:.9rem}.vision-main-panel{padding:30px}.vision-title{font-size:2rem}}.network-container{color:#fff;background-color:#050505;min-height:100vh;font-family:Space Mono,Courier New,monospace;display:flex;position:relative;overflow:hidden}.network-bg{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.network-particle{background:#00ffff4d;border-radius:50%;width:2px;height:2px;position:absolute;box-shadow:0 0 10px #0ffc}.network-ui{z-index:10;width:100%;display:flex}.network-info-panel{background:#0a0f14e6;border-right:1px solid #0ff;flex-direction:column;justify-content:center;width:400px;padding:40px;display:flex;box-shadow:20px 0 50px #000c}.network-glitch-line{background:#0ff;width:50px;height:4px;margin-bottom:20px;box-shadow:0 0 10px #0ff}.network-info-panel h1{color:#fff;letter-spacing:2px;margin:0 0 5px;font-size:2rem}.network-info-panel h3{color:#0ff;margin:0 0 20px;font-size:1rem;font-weight:400}.network-info-panel p{color:#aaa;margin-bottom:20px;font-size:1rem;line-height:1.6}.network-details-list{color:#ddd;padding-left:20px;font-size:.9rem;line-height:2}.network-details-list li::marker{color:#0ff}.network-gallery{gap:10px;margin-top:20px;display:flex}.network-gallery img{object-fit:cover;cursor:pointer;border:1px solid #0ff;width:80px;height:80px;transition:all .2s}.network-gallery img:hover{transform:scale(1.1);box-shadow:0 0 15px #0ff}.network-graph{flex:1;position:relative}.network-node{cursor:pointer;z-index:20;flex-direction:column;align-items:center;display:flex;position:absolute;transform:translate(-50%,-50%)}.network-node:hover .node-core{background:#fff;transform:scale(1.2);box-shadow:0 0 20px #fff}.network-node.active .node-core{background:#0ff;transform:scale(1.5);box-shadow:0 0 30px #0ff}.network-node.active .node-pulse{display:block}.network-node.active .node-label{color:#0ff;text-shadow:0 0 10px #0ff;font-weight:700}.node-pulse{background:0 0;border:1px solid #0ff;border-radius:50%;width:40px;height:40px;animation:2s infinite pulse;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes pulse{0%{opacity:1;width:20px;height:20px}to{opacity:0;width:80px;height:80px}}.node-core{z-index:2;background:#555;border-radius:50%;width:15px;height:15px;transition:all .3s;position:relative}.node-label{color:#888;letter-spacing:1px;margin-top:10px;font-size:.8rem;transition:all .3s}.node-root{top:50%;left:50%}.node-marketing{top:20%;left:50%}.node-logistics{top:70%;left:20%}.node-design{top:70%;left:80%}.network-lines{z-index:10;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.network-lines line{stroke:#333;stroke-width:2px;transition:all .5s}.network-lines line.active{stroke:#0ff;stroke-width:3px;filter:drop-shadow(0 0 5px #0ff)}@media (width<=900px){.network-ui{flex-direction:column-reverse}.network-info-panel{border-top:1px solid #0ff;border-right:none;width:100%;padding:20px}.network-graph{min-height:400px}}.product-container{color:#fff;background-color:#000;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;overflow-x:hidden}.product-section{box-sizing:border-box;justify-content:center;align-items:center;min-height:100vh;padding:40px;display:flex}.product-section.hero{text-align:center;background:radial-gradient(circle,#1f1f1f 0%,#000 100%);flex-direction:column}.product-tag{color:#f59e0b;text-transform:uppercase;letter-spacing:2px;margin-bottom:20px;font-size:1rem;font-weight:600}.product-headline{letter-spacing:-2px;background:linear-gradient(90deg,#fff,#888);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:8vw;font-weight:800;line-height:1}.product-subheadline{color:#888;margin:10px 0 40px;font-size:3vw;font-weight:400}.product-intro{color:#aaa;max-width:600px;font-size:1.5rem;font-weight:300;line-height:1.5}.product-intro strong{color:#fff;font-weight:600}.product-section.feature{color:#000;background:#fff;grid-template-columns:1fr 1fr;gap:60px;display:grid}.product-section.feature.dark{color:#fff;background:#000}.product-text-block{flex-direction:column;justify-content:center;display:flex}.product-text-block.center{text-align:center;align-items:center;margin-bottom:60px}.feature-title{letter-spacing:-1px;margin:0 0 20px;font-size:4vw;font-weight:800;line-height:1.1}.feature-desc{color:#666;max-width:500px;font-size:1.5rem;font-weight:400;line-height:1.5}.dark .feature-desc{color:#aaa}.product-image-placeholder{color:#888;aspect-ratio:1;background:#f5f5f7;border-radius:30px;justify-content:center;align-items:center;font-size:2rem;display:flex;box-shadow:inset 0 0 50px #0000000d}.dark .product-image-placeholder{color:#444;background:#111;box-shadow:inset 0 0 50px #ffffff05}.product-section.gallery-section{background:#050505;flex-direction:column}.product-gallery{gap:30px;width:100%;max-width:1200px;display:flex}.product-gallery img{object-fit:cover;aspect-ratio:4/5;cursor:pointer;border-radius:20px;flex:1;transition:transform .4s cubic-bezier(.16,1,.3,1);box-shadow:0 20px 40px #00000080}.product-gallery img:hover{transform:scale(1.05)translateY(-10px)}.product-section.specs{background:#111;flex-direction:column;align-items:flex-start;max-width:1000px;min-height:auto;margin:0 auto;padding:100px 40px}.specs-grid{border-top:1px solid #333;grid-template-columns:1fr 1fr;gap:60px;width:100%;padding-top:40px;display:grid}.spec-item h4{color:#fff;margin:0 0 20px;font-size:1.5rem}.spec-item ul{margin:0;padding:0;list-style:none}.spec-item ul li{color:#aaa;border-bottom:1px solid #222;padding:15px 0;font-size:1.1rem}@media (width<=900px){.product-section.feature{text-align:center;grid-template-columns:1fr}.product-text-block{align-items:center}.feature-desc{font-size:1.2rem}.feature-title{font-size:3rem}.product-gallery{flex-direction:column}.specs-grid{grid-template-columns:1fr}}.terminal-container{color:#0f0;background-color:#000;justify-content:center;min-height:100vh;padding:20px;font-family:Courier New,Courier,monospace;display:flex}.terminal-window{background:#050505;border:1px solid #0f0;flex-direction:column;gap:8px;width:100%;max-width:900px;max-height:calc(100vh - 120px);padding:20px;display:flex;overflow-y:auto;box-shadow:0 0 20px #0f03}.terminal-line{word-wrap:break-word;white-space:pre-wrap;font-size:15px;line-height:1.5}.terminal-line.input{color:#fff;margin-top:10px;font-weight:700}.terminal-line.system{color:#0f0;opacity:.8}.terminal-line.error{color:#f33}.terminal-input-line{align-items:center;margin-top:15px;display:flex}.terminal-prompt{color:#0f0;white-space:nowrap;margin-right:10px;font-weight:700}.terminal-input{color:#fff;background:0 0;border:none;outline:none;flex:1;font-family:Courier New,Courier,monospace;font-size:15px}.editorial-container{color:#111;background-color:#fdfbf7;flex-direction:column;align-items:center;min-height:100vh;padding:60px 40px;font-family:Inter,sans-serif;display:flex}.editorial-header{border-bottom:2px solid #111;width:100%;max-width:1200px;margin-bottom:60px;padding-bottom:40px}.editorial-header h1{text-transform:uppercase;letter-spacing:-2px;margin:0;font-family:Playfair Display,serif;font-size:8vw;line-height:.9}.editorial-subtitle{text-transform:uppercase;letter-spacing:4px;color:#555;margin-top:20px;font-size:1.2rem}.editorial-grid{grid-template-columns:1fr 1fr;gap:80px;width:100%;max-width:1200px;display:grid}.editorial-section{flex-direction:column;display:flex}.editorial-section-title{text-transform:uppercase;letter-spacing:2px;color:#666;border-bottom:1px solid #ddd;margin-bottom:30px;padding-bottom:10px;font-size:1rem}.editorial-body{font-family:Playfair Display,serif;font-size:1.4rem;line-height:1.6}.editorial-contact{color:#555;margin-top:40px;font-size:1rem;line-height:2}.editorial-job{margin-bottom:40px}.editorial-job-header{justify-content:space-between;align-items:baseline;margin-bottom:5px;display:flex}.editorial-job-header h3{margin:0;font-family:Playfair Display,serif;font-size:1.5rem}.editorial-date{color:#888;text-transform:uppercase;letter-spacing:1px;font-size:.9rem}.editorial-company{text-transform:uppercase;letter-spacing:1px;margin:0 0 10px;font-size:.9rem;font-weight:700}.editorial-project-title{margin-bottom:40px;font-family:Playfair Display,serif;font-size:3rem}.editorial-gallery{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.editorial-gallery-item{cursor:pointer;transition:opacity .3s}.editorial-gallery-item:hover{opacity:.8}.editorial-gallery-item img{aspect-ratio:3/4;object-fit:cover;width:100%;margin-bottom:15px}.editorial-caption{text-transform:uppercase;letter-spacing:1px;text-align:center;font-size:.9rem}.editorial-skills-grid{grid-template-columns:1fr 1fr;gap:40px;display:grid}.editorial-skills-grid h3{margin-bottom:20px;font-family:Playfair Display,serif;font-size:1.2rem}.editorial-skills-grid ul{margin:0;padding:0;line-height:2;list-style:none}@media (width<=900px){.editorial-grid{grid-template-columns:1fr;gap:60px}.editorial-header h1{font-size:4rem}.editorial-gallery{grid-template-columns:1fr}.editorial-gallery-item img{aspect-ratio:auto}}.chat-cv-container{background-color:#f0f2f5;justify-content:center;align-items:center;min-height:100vh;padding:20px;font-family:Inter,sans-serif;display:flex}.chat-window{background:#fff;border-radius:20px;flex-direction:column;width:100%;max-width:500px;height:80vh;display:flex;overflow:hidden;box-shadow:0 10px 30px #0000001a}.chat-header{z-index:10;background:#fff;border-bottom:1px solid #eee;align-items:center;gap:15px;padding:15px 20px;display:flex;box-shadow:0 2px 10px #0000000d}.chat-avatar{background:#f0f2f5;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:30px;display:flex}.chat-header h3{margin:0 0 2px;font-size:1.1rem}.chat-header span{color:#10b981;font-size:.8rem;font-weight:700}.chat-messages{background-color:#efeae2;flex-direction:column;flex:1;gap:15px;padding:20px;display:flex;overflow-y:auto}.message-bubble{border-radius:18px;max-width:80%;padding:12px 16px;font-size:.95rem;line-height:1.4;animation:.3s popIn}.message-bubble.imran{color:#000;background:#fff;border-bottom-left-radius:4px;align-self:flex-start}.message-bubble.user{color:#fff;background:#2563eb;border-bottom-right-radius:4px;align-self:flex-end}.typing-indicator span{background:#888;border-radius:50%;width:6px;height:6px;margin:0 2px;animation:1s infinite alternate typing;display:inline-block}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%{transform:translateY(0)}to{transform:translateY(-5px)}}.chat-options{flex-direction:column;align-items:center;gap:8px;margin-top:10px;animation:.3s popIn;display:flex}.chat-options button{color:#2563eb;cursor:pointer;background:0 0;border:1px solid #2563eb;border-radius:20px;padding:10px 20px;font-weight:700;transition:all .2s}.chat-options button:hover{color:#fff;background:#2563eb}.chat-gallery{gap:10px;display:flex}.chat-gallery img{object-fit:cover;cursor:pointer;border-radius:10px;width:80px;height:80px}.chat-input-area{background:#f0f2f5;gap:10px;padding:15px;display:flex}.chat-input-area input{border:none;border-radius:20px;outline:none;flex:1;padding:10px 15px}.chat-input-area button{color:#fff;opacity:.5;background:#2563eb;border:none;border-radius:20px;padding:0 20px;font-weight:700}.canvas-viewport{cursor:grab;background-color:#f1f5f9;width:100vw;height:100vh;position:relative;overflow:hidden}.canvas-viewport:active{cursor:grabbing}.canvas-hint{color:#fff;z-index:1000;pointer-events:none;background:#111;border-radius:30px;padding:10px 20px;font-family:Inter,sans-serif;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.canvas-board{transform-origin:50%;width:3000px;height:3000px;position:absolute;top:0;left:0}.canvas-grid-bg{background-image:linear-gradient(90deg,#e2e8f0 1px,#0000 1px),linear-gradient(#e2e8f0 1px,#0000 1px);background-size:50px 50px;width:100%;height:100%}.canvas-card{cursor:default;background:#fff;border-radius:2px;min-width:300px;padding:30px;font-family:Inter,sans-serif;position:absolute;box-shadow:5px 10px 20px #0000001a}.canvas-card:hover{box-shadow:10px 15px 30px #00000026}.canvas-card h1{margin:0 0 10px;font-family:Dela Gothic One,cursive}.canvas-card h2{margin:0 0 10px;font-family:Dela Gothic One,cursive;font-size:1.5rem}.canvas-card h3{color:#64748b;margin:0 0 15px}.canvas-card h4{margin:0 0 5px}.canvas-pin{background:#ef4444;border-radius:50%;width:15px;height:15px;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:inset -2px -2px 5px #0000004d,2px 2px 5px #0003}.canvas-card ul{margin:0;padding-left:20px}.game-cv-container{color:#fff;background-color:#000;min-height:100vh;font-family:Arial Black,Impact,sans-serif;display:flex;position:relative;overflow:hidden}.game-bg-pattern{z-index:0;background:repeating-linear-gradient(45deg,#000,#000 10px,#111 10px 20px);width:100vw;height:100vh;position:absolute;top:0;left:0}.game-sidebar{z-index:10;background:#ff003c;flex-direction:column;width:250px;margin-left:-20px;padding-top:100px;display:flex;transform:skew(-5deg);box-shadow:10px 0 30px #ff003c4d}.game-tab{color:#000;cursor:pointer;text-transform:uppercase;padding:20px 40px;font-size:2rem;transition:all .2s}.game-tab:hover{color:#ff003c;background:#fff;transform:translate(10px)}.game-tab.active{color:#ff003c;background:#fff;transform:scale(1.1)translate(20px);box-shadow:5px 5px #000}.game-content{z-index:10;flex-direction:column;flex:1;padding:100px 50px;display:flex}.game-header{color:#fff;text-shadow:5px 5px #ff003c;letter-spacing:-2px;margin:0 0 30px;font-size:5rem;transform:skew(-5deg)}.game-panel{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff0d;border:4px solid #fff;flex:1;padding:40px;overflow-y:auto;transform:skew(-2deg);box-shadow:10px 10px #fff3}.game-status-grid{grid-template-columns:1fr 1fr;gap:30px;display:grid}.game-box{background:#000c;border:2px solid #ff003c;padding:20px;font-family:Courier New,Courier,monospace}.game-box h2{color:#fff;background:#ff003c;margin:-35px 0 20px -20px;padding:5px 15px;font-family:Arial Black,Impact,sans-serif;display:inline-block;transform:skew(-10deg)}.game-quests-list{flex-direction:column;gap:20px;display:flex}.game-quest-item{background:#111;border-left:8px solid #ff003c;padding:20px;position:relative}.game-quest-status{color:#fff;background:#ff003c;padding:5px 15px;font-weight:700;position:absolute;top:-15px;right:20px;transform:skew(-10deg)}.game-quest-status.clear{color:#000;background:#0ff}.game-quest-item h2{margin:0 0 10px}.game-quest-item .game-quest-date{color:#888;margin-bottom:10px;font-family:Courier New,monospace}.game-quest-item p{margin:0;font-family:Courier New,monospace}.game-inventory-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.game-inv-slot{aspect-ratio:1;cursor:pointer;background:#111;border:2px dashed #ff003c;justify-content:center;align-items:center;transition:all .2s;display:flex}.game-inv-slot:hover{background:#ff003c;transform:scale(1.05)}.game-inv-slot img{object-fit:cover;width:90%;height:90%}@media (width<=900px){.game-cv-container{flex-direction:column}.game-sidebar{flex-flow:wrap;justify-content:center;gap:10px;width:100%;margin:0;padding:70px 10px 10px;transform:none}.game-tab{padding:10px 20px;font-size:1rem}.game-tab:hover,.game-tab.active{box-shadow:none;transform:none}.game-content{padding:20px}.game-header{font-size:3rem}.game-status-grid,.game-inventory-grid{grid-template-columns:1fr}}