@import"https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap";@import"https://unpkg.com/normalize.css";:root{--font-size-min: 14;--font-size-max: 20;--font-ratio-min: 1.1;--font-ratio-max: 1.33;--font-width-min: 375;--font-width-max: 1500;--canvas: black;--canvasText: white}html{color-scheme:dark}:where(.fluid){--fluid-min: calc( var(--font-size-min) * pow(var(--font-ratio-min), var(--font-level, 0)) );--fluid-max: calc( var(--font-size-max) * pow(var(--font-ratio-max), var(--font-level, 0)) );--fluid-preferred: calc( (var(--fluid-max) - var(--fluid-min)) / (var(--font-width-max) - var(--font-width-min)) );--fluid-type: clamp( (var(--fluid-min) / 16) * 1rem, ((var(--fluid-min) / 16) * 1rem) - (((var(--fluid-preferred) * var(--font-width-min)) / 16) * 1rem) + (var(--fluid-preferred) * var(--variable-unit, 100vi)), (var(--fluid-max) / 16) * 1rem );font-size:var(--fluid-type)}*,*:after,*:before{box-sizing:border-box}body{display:grid;background:var(--canvas);min-height:100vh;font-family:Geist,SF Pro Text,sans-serif,system-ui;color:var(--canvasText);margin:0;overflow-x:hidden}main{display:block;width:100%}body:before{--size: 45px;--line: color-mix(in hsl, var(--canvasText), transparent 70%);content:"";height:100vh;width:100vw;position:fixed;background:linear-gradient(90deg,var(--line) 1px,transparent 1px var(--size)) 50% 50% / var(--size) var(--size),linear-gradient(var(--line) 1px,transparent 1px var(--size)) 50% 50% / var(--size) var(--size);-webkit-mask:linear-gradient(-20deg,transparent 50%,white);mask:linear-gradient(-20deg,transparent 50%,white);top:0;transform-style:flat;pointer-events:none;z-index:-1}.fixed-icon{position:fixed;top:1rem;left:1rem;width:48px;height:auto;z-index:999;transition:opacity .3s ease;opacity:.8}.fixed-icon:hover{opacity:1}.login-button-fixed{position:fixed;top:1.5rem;right:1.5rem;z-index:999;text-decoration:none;color:var(--canvasText);font-size:1rem;font-weight:600;padding:.5rem 1rem;border-radius:4px;background-color:transparent;border:1px solid color-mix(in srgb,var(--canvasText) 50%,transparent);transition:background-color .3s ease,opacity .3s ease,border-color .3s ease;opacity:.9}.login-button-fixed:hover{opacity:1;background-color:color-mix(in srgb,var(--canvasText) 10%,transparent);border-color:var(--canvasText)}header{display:flex;place-items:center;justify-content:center;width:100%;padding:2rem 5rem;position:relative;z-index:10;text-align:center}header h1{--font-level: 6;text-wrap:pretty;line-height:1.2;margin:0;background:linear-gradient(var(--canvasText) 60%,color-mix(in oklch,var(--canvas),var(--canvasText)));-webkit-background-clip:text;background-clip:text;color:#0000}footer{padding-block:2rem;opacity:.5;text-align:center}.page-section{padding:60px 20px;max-width:900px;margin:0 auto;text-align:center;position:relative;z-index:1}.page-section h2{margin-bottom:30px;color:var(--canvasText)}.page-section p{font-size:1.1em;line-height:1.6;margin-bottom:20px;color:#fffc}.stats-section{background-color:#ffffff08}.counters{display:flex;flex-wrap:wrap;justify-content:space-around;gap:30px;margin-top:40px}.counter-item{text-align:center;flex:1 1 200px;max-width:250px}.counter-number{font-size:3em;font-weight:700;color:#007bff;display:block;margin-bottom:5px}.counter-label{font-size:1em;color:#ffffffe6;margin:0}.artists-container{display:flex;flex-wrap:wrap;justify-content:center;gap:40px 20px;margin-top:40px;padding-bottom:40px}.artist-item{display:flex;flex-direction:column;align-items:center;background-color:#ffffff0d;border-radius:8px;padding:15px;text-align:center;width:100%;flex:0 1 220px;max-width:250px}.artist-item .artist-info{width:100%;margin-bottom:15px}.artist-item img{width:100%;height:220px;-o-object-fit:cover;object-fit:cover;border-radius:4px;margin-bottom:15px;display:block}.artist-item h3{margin-top:0;margin-bottom:5px;color:#fff}.artist-item p{font-size:.95em;color:#ffffffb3;margin-bottom:15px}.artist-links-container{width:100%;text-align:center}.artist-links-container h4{font-size:1em;color:#fffc;margin-top:0;margin-bottom:10px}.artist-links{display:flex;justify-content:center;align-items:center;gap:20px}.artist-links a img{width:35px;height:auto;display:block;transition:opacity .3s ease;opacity:.8;filter:drop-shadow(0 2px 3px rgba(0,0,0,.3))}.artist-links a:hover img{opacity:1}@media (max-width: 768px){.page-section{padding:40px 15px}.counters{flex-direction:column;align-items:center;gap:20px}.counter-item{width:100%;max-width:200px}.counter-number{font-size:2.5em}.artists-container{gap:30px 15px;padding-bottom:30px}.artist-item{flex-basis:180px;max-width:200px;padding:10px}.artist-item .artist-info{margin-bottom:10px}.artist-item img{height:180px;margin-bottom:10px}.artist-item h3{font-size:1.1em}.artist-links{gap:10px}.artist-links a img{width:28px}.artist-links-container h4{margin-bottom:8px}}
