:root{color:#ecf0ff;--dock-color-1:#fff;--dock-color-2:#d7e7ff;--dock-color-3:#f2f9ff;--dock-color-4:#fff8f8;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Helvetica,Arial,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}.desktop{display:flex;background:radial-gradient(circle at 20% 20%,#4358ca 0%,#0000 40%),radial-gradient(circle at 80% 10%,#8c42bb 0%,#0000 30%),radial-gradient(circle at 50% 90%,#2d9678 0%,#0000 35%),linear-gradient(120deg,#0b1220 0%,#1e1742 100%);flex-direction:column;min-height:100vh;padding:1.25rem 1.25rem 7rem}.window{display:flex;backdrop-filter:blur(18px)saturate(140%);overflow:hidden;background:#0e122499;border:1px solid #fff3;border-radius:20px;flex-direction:column;flex:1;min-height:420px;box-shadow:0 20px 60px #07081166,inset 0 1px #ffffff40}.window-toolbar{display:flex;background:#0003;border-bottom:1px solid #ffffff24;align-items: center;gap:.5rem;padding:.85rem 1rem}.window-toolbar strong{margin-left:.5rem}.dot{border-radius:50%;width:11px;height:11px}.red{background:#ff5f57}.yellow{background:#ffbd2e}.green{background:#28ca42}.window-content{display:flex;flex-direction:column;flex:1;min-height:0;padding:1.2rem}.github-section{display:flex;flex-direction:column;gap:1.25rem}.repo-pagination{display:flex;flex-wrap:wrap;justify-content:center;align-items: center;gap:.75rem 1rem}.pagination-btn{color:#ecf0ff;font:inherit;cursor:pointer;background:#ffffff14;border:1px solid #ffffff47;border-radius:10px;padding:.45rem .95rem;transition:background .15s,border-color .15s;font-weight:500}.pagination-btn:hover:not(:disabled){background:#ffffff24;border-color:#fff6}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-info{color:#c8cfee;font-size:.9rem}.grid-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.card{display:flex;text-decoration:none;color:inherit;background:#ffffff12;border:1px solid #ffffff2e;border-radius:16px;flex-direction:column;gap:.65rem;padding:1rem;transition:transform .2s,border-color .2s}.card:hover{border-color:#ffffff61;transform:translateY(-3px)}.card h3{margin:0;font-size:1.05rem}.card p{color:#d9ddf3;margin:0}.meta{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:auto}.meta span{background:#121628ad;border:1px solid #fff3;border-radius:999px;padding:.3rem .55rem;font-size:.77rem}.contact-page{display:flex;flex:1;justify-content:center;align-items: center;width:100%;min-height:0;padding-block-start:.5rem;padding-block-end:.5rem}.about-page{display:flex;overflow-y:auto;flex:1;justify-content:center;align-items: center;width:100%;min-height:0;padding-block-start:.5rem;padding-block-end:.5rem}.about-content{width:100%;max-width:680px;margin-inline-start:auto;margin-inline-end:auto;padding:0 1rem}.about-content h1{letter-spacing:-.02em;margin:0 0 1.5rem;font-size:clamp(1.5rem,4vw,2rem);font-weight:700}.about-text{display:grid;gap:1.2rem}.about-text p{color:#d9ddf3;text-align:justify;margin:0;font-size:1rem;line-height:1.6}.store-page{display:flex;flex:1;justify-content:center;align-items: center;width:100%;min-height:0;padding-block-start:.5rem;padding-block-end:.5rem}.store-under-construction{letter-spacing:.02em;color:#d9ddf3;text-align:center;margin:0;font-size:clamp(1.15rem,3vw,1.5rem);font-weight:500}.contact-form{display:grid;gap:.85rem;width:100%;max-width:680px;margin-inline-start:auto;margin-inline-end:auto}.contact-form label{display:grid;gap:.4rem;font-weight:600}.contact-form input,.contact-form textarea{color:#f7f9ff;font:inherit;background:#0d121fb8;border:1px solid #ffffff3d;border-radius:12px;width:100%;padding:.75rem .8rem}.contact-form button,.buy-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6aa0ff,#8f6bff);border:0;border-radius:12px;padding:.68rem .95rem;font-weight:700}.buy-button{margin-top:.4rem}.empty-state{text-align:center;background:#ffffff14;border:1px solid #fff3;border-radius:12px;padding:1.3rem}.dock-wrap{position:fixed;display:flex;pointer-events:auto;z-index:30;justify-content:center;align-items: center;bottom:1rem;left:0;right:0}.dock{display:flex;position:relative;opacity:.999;backdrop-filter:blur(9px)brightness(1.1);background:#0000001a;border-radius:100vw;padding:.4rem;transform:translateZ(.01px);box-shadow:0 4px 20px #26537326,0 4px 10px #121b2113,inset 0 -4px 15px 6px #d4e8f733,inset 0 -2px 5px #d4e8f726,inset 0 -1px 1px #d4e8f766,inset 0 10px 15px #121b2133,inset 0 1px 2px #d4e8f74d}.dock:before{content:"";position:absolute;mask-image:url(https://assets.codepen.io/13471/nnnoise%281%29.png);mask-mode:luminance;mask-repeat:repeat;mask-size:55%;z-index:1;backdrop-filter:blur(7px)brightness(1.05);background:#ffffff1a;border-radius:100vw;inset:0}.dock:after{content:"";position:absolute;mask-image:url(https://assets.codepen.io/13471/nnnoise%281%29.png);mask-mode:luminance;mask-size:50%;mask-repeat:repeat;z-index:2;backdrop-filter:blur(5px)brightness(.95);background:#3333330d;border-radius:100vw;inset:0;box-shadow:inset 0 -4px 15px 5px #d4e8f74d,inset 0 -2px 5px #d4e8f726,inset 0 -1px 1px #d4e8f766,inset 0 1px 2px #d4e8f74d}.dock ul{display:flex;list-style:none;position:relative;z-index:3;color:#fff;text-shadow:0 1px 1px #121b2133;gap:2.2rem;margin:0;padding:0 1rem}.dock li{position:relative;border-radius:100vw;transition:box-shadow .2s}.dock li:after{content:"";position:absolute;opacity:0;z-index:-1;background:#fff;border-radius:100vw;transition:opacity .28s cubic-bezier(.22,1,.36,1),scale .28s cubic-bezier(.22,1,.36,1);inset:0;scale:0}.dock li.active:after{opacity:1;scale:1}.dock li.active button{color:#000;text-shadow:none}.dock li button{color:#fff;text-shadow:inherit;cursor:pointer;background:0 0;border:0;border-radius:100vw;padding:.58rem 1rem;font-size:.9rem;font-weight:500}.dock li button:focus,.dock li button:active,.dock li.active button{font-weight:500}.dock li button:focus-visible{font-weight:500}.effect{position:fixed;opacity:1;pointer-events:none;display:grid;z-index:25;place-items: center;width:0;height:0;top:0;left:0}.effect.text{color:#fff;z-index:26;transition:color .12s;font-size:.9rem;font-weight:500}.effect.text.active{color:#000;transition:color .22s}.effect.text.hidden{opacity:0}.effect.filter{filter:blur(7px)contrast(20)blur(0);mix-blend-mode:lighten;position:absolute}.effect.filter:before{content:"";position:absolute;z-index:-2;background:#000;inset:-75px}.effect.filter:after{content:"";position:absolute;opacity:0;z-index:-1;background:#fff;border-radius:100vw;inset:0;scale:0}.effect.filter.active:after{animation:pill .32s cubic-bezier(.22,1,.36,1)both}.particle,.point{display:block;opacity:0;transform-origin:center;border-radius:100%;width:20px;height:20px}.particle{--time:5s;position:absolute;animation:particle calc(var(--time))ease 1 -350ms;top:calc(50% - 8px);left:calc(50% - 8px)}.point{background:var(--color);opacity:1;animation:point calc(var(--time))ease 1 -350ms}@keyframes particle{0%{transform:rotate(0deg)translate(var(--start-x),var(--start-y));opacity:1;animation-timing-function:cubic-bezier(.55,0,1,.45)}70%{transform:rotate(calc(var(--rotate)*.5))translate(calc(var(--end-x)*1.2),calc(var(--end-y)*1.2));opacity:1;animation-timing-function:ease}85%{transform:rotate(calc(var(--rotate)*.66))translate(var(--end-x),var(--end-y));opacity:1}to{transform:rotate(calc(var(--rotate)*1.2))translate(calc(var(--end-x)*.5),calc(var(--end-y)*.5));opacity:1}}@keyframes point{0%{scale:0;opacity:0;animation-timing-function:cubic-bezier(.55,0,1,.45)}25%{scale:calc(var(--scale)*.25)}38%{opacity:1}65%{scale:var(--scale);opacity:1;animation-timing-function:ease}85%{scale:var(--scale);opacity:1}to{scale:0;opacity:0}}@keyframes pill{to{scale:1;opacity:1}}@media (max-width:640px){.desktop{padding:.9rem .9rem 7.5rem}.dock ul{gap:.75rem;padding:0 .4rem}.dock li button{padding:.5rem .7rem;font-size:.8rem}}