*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#09090b;--bg-card:#0f0f11;--text:#fafafa;--text-muted:#71717a;--accent:#3b82f6}html{background:var(--bg);color:var(--text);font-family:Spline Sans,sans-serif}body{-webkit-font-smoothing:antialiased;min-height:100vh}.container{max-width:1100px;margin:0 auto;padding:0 20px}.header{text-align:center;padding:60px 0 40px}.header__title{letter-spacing:-.5px;margin-bottom:8px;font-size:28px;font-weight:600}.header__subtitle{color:var(--text-muted);margin-bottom:24px;font-size:15px}.header__note{color:var(--text-muted);margin-top:12px;font-size:12px}.newsletter{justify-content:center;gap:8px;max-width:400px;margin:0 auto;display:flex}.newsletter__input{color:var(--text);background:#131316;border:1px solid #27272a;border-radius:8px;outline:none;flex:1;padding:12px 16px;font-family:inherit;font-size:14px;transition:border-color .2s}.newsletter__input::placeholder{color:var(--text-muted)}.newsletter__input:focus{border-color:var(--accent)}.newsletter__btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border:none;border-radius:8px;padding:12px 20px;font-family:inherit;font-size:14px;font-weight:500;transition:all .2s}.newsletter__btn:hover{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)}.websites{flex-direction:column;gap:24px;padding-bottom:80px;display:flex}.card{background:#131316;border-radius:12px;overflow:hidden}.card__header{align-items:center;gap:12px;padding:16px;display:flex}.card__logo{background:#1a1a1d;border-radius:8px;flex-shrink:0;width:36px;height:36px;overflow:hidden}.card__logo img{object-fit:cover;width:100%;height:100%}.card__meta{flex:1;min-width:0}.card__title{align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.card__category{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;background:#1a1a1d;border-radius:4px;padding:3px 8px;font-size:10px;font-weight:500}.card__url{color:var(--text-muted);font-size:12px}.card__visit{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.card__visit span{transition:transform .2s}.card__visit:hover{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)}.card__visit:hover span{transform:translate(3px)}.card__body{padding:0 16px 16px}.card__note{color:var(--text-muted);margin-bottom:12px;font-size:13px;line-height:1.5}.card__row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.card__colors{gap:4px;display:flex}.card__color{border-radius:3px;width:22px;height:22px}.card__fonts{flex-wrap:wrap;gap:6px;display:flex}.card__font{color:var(--text-muted);background:#1a1a1d;border-radius:4px;padding:4px 8px;font-size:11px}.card__images{grid-template-columns:repeat(3,1fr);gap:8px;padding:16px;display:grid}.card__image{aspect-ratio:16/10;cursor:pointer;opacity:.85;background:#18181b;transition:opacity .2s;overflow:hidden}.card__image img{object-fit:cover;width:100%;height:100%;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.card__image:hover{opacity:1}.card__image--active{opacity:1;outline:2px solid var(--accent);outline-offset:-2px}.card__image-placeholder{aspect-ratio:16/10;background:#131316}.card__preview{padding:0 16px 16px;position:relative}.card__preview img{width:100%;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;border-radius:8px}.card__preview-close{color:#fff;cursor:pointer;background:#000000b3;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;transition:background .2s;display:flex;position:absolute;top:12px;right:28px}.card__preview-close:hover{background:#000000e6}.rating{background:linear-gradient(#0a0a0c 0%,#151518 100%);border-radius:4px;gap:2px;padding:3px;display:flex;box-shadow:inset 0 1px 2px #00000080}.rating__block{background:linear-gradient(#1a1a1d 0%,#0f0f11 100%);border-radius:2px;width:16px;height:10px;box-shadow:inset 0 1px 1px #0000004d}.rating__block--filled{background:linear-gradient(#4a9eff 0%,#2563eb 100%);box-shadow:0 0 6px #3b82f666,inset 0 1px #fff3}.built-by{color:var(--text-muted);background:#131316;border-radius:6px;padding:8px 12px;font-size:12px;text-decoration:none;transition:color .2s;position:fixed;bottom:20px;right:20px}.built-by:hover{color:var(--text)}@media (max-width:600px){.header{padding:40px 0 32px}.newsletter{flex-direction:column}.newsletter__btn{width:100%}.card__row{gap:12px}.card__images{grid-template-columns:1fr}.rating__block{width:12px;height:8px}}