:root{--bg:#faf9f6;--text:#2c2a29;--accent:#8a9a8d;--card-bg:#fff;--border:#e5e0d8}body{background-color:var(--bg);color:var(--text);justify-content:center;align-items:center;min-height:100vh;margin:0;padding:0;font-family:Inter,sans-serif;display:flex}.container{width:90%;max-width:1000px;margin:0 auto;padding:40px 0}.header{text-align:center;margin-bottom:60px}.header h1{letter-spacing:-1.5px;color:#fff;background-color:var(--accent);z-index:10;width:100vw;height:50px;margin:0;font-family:Cormorant Garamond,serif;font-size:1.5rem;font-weight:400;line-height:50px;display:block;position:fixed;top:0;left:0}.header a{color:#fff;text-decoration:none}.header a:hover{opacity:.8}.header h2{margin-bottom:0;font-family:Cormorant Garamond,serif;font-size:5rem}.header p{color:#666;margin-top:8px;font-size:1.1rem}.grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;display:grid}.card{background-color:var(--card-bg);color:inherit;border:1px solid var(--border);border-radius:12px;flex-direction:column;text-decoration:none;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden;box-shadow:0 10px 30px #0000000d}.card:hover{border-color:var(--accent);transform:translateY(-8px);box-shadow:0 20px 40px #00000014}.card-preview{background-color:var(--bg);height:180px;color:var(--accent);border-bottom:1px solid var(--border);justify-content:center;align-items:center;font-family:Playfair Display,serif;font-size:1.5rem;display:flex;position:relative}.preview-original{color:#c4a484;background-color:#faf9f6}.preview-dark{color:#38bdf8;background-color:#0f172a}.preview-vibrant{color:#f43f5e;background-color:#fff1f2;font-weight:600;font-family:Inter,sans-serif!important}.preview-minimal{color:#000;box-sizing:border-box;background-color:#fff;border:4px solid #000;font-family:Inter,sans-serif!important}.card-content{flex-grow:1;padding:24px}.card-title{margin-bottom:8px;font-size:1.25rem;font-weight:600}.card-desc{color:#666;font-size:.95rem;line-height:1.5}.logo-span{font-style:italic;font-weight:400}