.landing{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#1a1a2e,#16213e 40%,#0f3460);color:#f0f0f0;font-family:var(--font-alegreya-sc),"Georgia",serif}.landing-header{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;background:rgba(0,0,0,.25);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.landing-logo-small{font-size:18px;font-weight:700;letter-spacing:1px;opacity:.8}.landing-auth,.landing-user{display:flex;align-items:center;gap:12px}.landing-user-name{font-size:14px;opacity:.85;color:#e2ddd7}.landing-sign-in-btn{padding:8px 20px;border:1px solid hsla(0,0%,100%,.3);border-radius:6px;background:transparent;color:#f0f0f0;font-size:14px;font-family:inherit;cursor:pointer;transition:all .2s ease}.landing-sign-in-btn:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.5)}.landing-admin-btn{padding:8px 16px;border:1px solid hsla(31,53%,64%,.55);border-radius:999px;background:hsla(31,53%,64%,.12);color:#f3d3aa;font-size:12px;font-family:inherit;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:all .2s ease}.landing-admin-btn:hover{background:hsla(31,53%,64%,.22);border-color:hsla(31,53%,64%,.8);color:#ffe6c5}.landing-sign-out-btn{padding:6px 14px;border:none;border-radius:4px;background:hsla(0,0%,100%,.1);color:#ccc;font-size:12px;font-family:inherit;cursor:pointer;transition:all .2s ease}.landing-sign-out-btn:hover{background:hsla(0,0%,100%,.2);color:#fff}.landing-hero{flex:1 1;display:flex;align-items:center;justify-content:center;gap:80px;padding:60px 40px;max-width:1100px;margin:0 auto;width:100%}.landing-hero-content{flex:1 1;max-width:540px}.landing-title{font-size:56px;font-weight:700;margin:0 0 12px;letter-spacing:2px;line-height:1.1;background:linear-gradient(135deg,#e2ddd7,#d4a574);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-title-icon{display:inline-block;margin-right:12px;-webkit-text-fill-color:initial;font-size:48px}.landing-subtitle{font-size:20px;color:#a0b4c8;margin:0 0 32px;font-style:italic;letter-spacing:.5px}.landing-description{margin-bottom:36px}.landing-description p{font-size:17px;line-height:1.7;color:#c8ccd0;margin:0}.landing-features{display:flex;flex-direction:column;gap:20px;margin-bottom:40px}.landing-feature{display:flex;align-items:flex-start;gap:16px;padding:16px 20px;background:hsla(0,0%,100%,.05);border-radius:12px;border:1px solid hsla(0,0%,100%,.07);transition:background .2s ease}.landing-feature:hover{background:hsla(0,0%,100%,.08)}.landing-feature-icon{font-size:28px;flex-shrink:0;margin-top:2px}.landing-feature strong{display:block;font-size:15px;color:#e2ddd7;margin-bottom:4px}.landing-feature p{margin:0;font-size:13px;color:#9aa8b8;line-height:1.5}.landing-play-btn{display:inline-flex;align-items:center;gap:8px;padding:16px 48px;font-size:20px;font-weight:700;font-family:inherit;letter-spacing:1px;border:none;border-radius:12px;background:linear-gradient(135deg,#d4a574,#c08050);color:#1a1a2e;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 20px hsla(31,53%,64%,.3)}.landing-play-btn:hover{transform:translateY(-2px);box-shadow:0 6px 28px hsla(31,53%,64%,.45);background:linear-gradient(135deg,#dcb488,#c88a5c)}.landing-play-btn:active{transform:translateY(0);box-shadow:0 2px 12px hsla(31,53%,64%,.3)}.landing-hero-visual{flex-shrink:0}.landing-grid-preview{display:grid;grid-template-columns:repeat(5,56px);grid-template-rows:repeat(5,56px);grid-gap:6px;gap:6px;transform:rotate(-6deg)}.landing-grid-cell{border-radius:8px;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);transition:all .4s ease}.landing-grid-cell.filled{background:hsla(31,53%,64%,.2);border-color:hsla(31,53%,64%,.3);box-shadow:0 0 12px hsla(31,53%,64%,.1)}.landing-footer{padding:20px 32px;text-align:center;border-top:1px solid hsla(0,0%,100%,.06)}.landing-footer p{margin:0;font-size:13px;color:#6a7a8a}@media (max-width:800px){.landing-hero{flex-direction:column;gap:40px;padding:40px 24px;text-align:center}.landing-title{font-size:40px}.landing-subtitle{font-size:17px}.landing-hero-visual{order:-1}.landing-grid-preview{grid-template-columns:repeat(5,44px);grid-template-rows:repeat(5,44px);gap:4px;transform:rotate(-4deg)}.landing-feature{text-align:left}}