:root{--font-display:"Fraunces", Georgia, serif;--font-body:"Literata", Georgia, serif;--font-ui:"Bricolage Grotesque", system-ui, sans-serif;--surface-void:#0e0d0b;--surface-base:#1c1a17;--surface-card:#272421;--surface-raised:#34302d;--surface-overlay:#413d3a;--accent-gold:#efb839;--accent-gold-dim:#8f6f24;--accent-gold-glow:#efb83926;--accent-amber:#df8020;--accent-patina:#45a18a;--accent-wine:#ac394d;--accent-wine-soft:#c76b7a;--accent-parchment:#e2dccf;--text-primary:#e5e1dc;--text-secondary:#988c81;--text-muted:#696159;--text-on-accent:#161412;--space-2xs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-card:0 2px 8px #0e0d0b80;--shadow-elevated:0 8px 32px #0e0d0b99;--shadow-glow:0 0 24px #efb8390f;--shadow-focus:0 0 0 2px var(--accent-gold), 0 0 0 4px #efb83938;--scrim:#0e0d0b99;--text-shadow:0 1px 3px #0e0d0b99;--ease-smooth:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--duration-instant:.1s;--duration-fast:.2s;--duration-normal:.3s;--duration-reveal:.5s;--duration-cinematic:.8s;--z-base:0;--z-card:10;--z-sticky:100;--z-overlay:500;--z-modal:1000;--z-toast:2000;--z-grain:9999}.custom-select{min-width:0;position:relative}.custom-select-trigger{justify-content:space-between;align-items:center;gap:var(--space-sm);width:100%;min-width:0;padding:var(--space-xs) var(--space-sm);border:1px solid var(--surface-raised);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-ui);text-align:left;transition:border-color var(--duration-fast) var(--ease-smooth);background:#1c1a17b8;font-size:.8125rem;display:flex}.custom-select-trigger:hover{border-color:var(--surface-overlay)}.custom-select.open .custom-select-trigger{border-color:var(--accent-gold-dim)}.custom-select-value{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.custom-select-chevron{color:var(--text-muted);transition:transform var(--duration-fast) var(--ease-smooth);flex-shrink:0;font-size:.7rem}.custom-select.open .custom-select-chevron{transform:rotate(180deg)}.custom-select-menu{z-index:var(--z-overlay);padding:var(--space-2xs);background:var(--surface-overlay);border:1px solid var(--surface-raised);border-radius:var(--radius-md);box-shadow:var(--shadow-elevated);max-height:260px;margin:0;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.custom-select-item{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-family:var(--font-ui);color:var(--text-secondary);cursor:pointer;transition:background var(--duration-fast) var(--ease-smooth), color var(--duration-fast) var(--ease-smooth);font-size:.8125rem}.custom-select-item:hover{background:var(--surface-raised);color:var(--text-primary)}.custom-select-item.selected{color:var(--accent-gold)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);color:var(--text-primary);background:var(--surface-base);min-height:100vh;font-weight:400;line-height:1.6;overflow-x:hidden}body:before{content:"";background:radial-gradient(ellipse 80% 60% at 50% 30%, var(--surface-base) 0%, var(--surface-void) 100%);z-index:-2;pointer-events:none;position:fixed;inset:0}body:after{content:"";opacity:.04;pointer-events:none;z-index:var(--z-grain);mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px 200px;position:fixed;inset:0}a{color:var(--accent-gold);transition:color var(--duration-fast) var(--ease-smooth);text-decoration:none}a:hover{color:var(--accent-amber)}button{font-family:var(--font-ui);cursor:pointer;color:var(--text-primary);background:0 0;border:none}img{max-width:100%;display:block}:focus-visible{box-shadow:var(--shadow-focus);outline:none}.app-layout{grid-template-columns:260px 1fr;max-width:1400px;min-height:100vh;margin:0 auto;display:grid}.sidebar{height:100vh;padding:var(--space-xl) var(--space-lg);border-right:1px solid var(--surface-raised);gap:var(--space-lg);animation:slideInLeft var(--duration-reveal) var(--ease-smooth);flex-direction:column;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-logo{font-family:var(--font-display);color:var(--accent-gold);letter-spacing:-.02em;align-items:center;gap:var(--space-sm);font-size:1.5rem;font-weight:700;display:flex}.sidebar-logo .logo-icon{font-size:1.5rem}.sidebar-logo-img,.logo-img{border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0}.sidebar-search{position:relative}.sidebar-search input{width:100%;padding:var(--space-sm) var(--space-md);background:var(--surface-card);border:1px solid var(--surface-raised);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-ui);transition:border-color var(--duration-fast) var(--ease-smooth);padding-left:36px;font-size:.875rem}.sidebar-search input::placeholder{color:var(--text-muted)}.sidebar-search input:focus{border-color:var(--accent-gold);outline:none;box-shadow:0 0 0 3px #efb8392e}.sidebar-search .search-icon{color:var(--text-muted);font-size:.875rem;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.sidebar-nav{gap:var(--space-2xs);flex-direction:column;display:flex}.nav-item{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-family:var(--font-ui);color:var(--text-secondary);transition:color var(--duration-fast) var(--ease-smooth), background var(--duration-fast) var(--ease-smooth);font-size:.9375rem;font-weight:500;display:flex;position:relative}.nav-item:hover{color:var(--text-primary);background:var(--surface-card)}.nav-item.active{color:var(--accent-gold);background:var(--accent-gold-glow);border-left:3px solid var(--accent-gold);padding-left:calc(var(--space-md) - 3px)}.nav-item .nav-icon{width:24px;color:var(--text-muted);transition:color var(--duration-fast) var(--ease-smooth);justify-content:center;align-items:center;display:inline-flex}.nav-item:hover .nav-icon,.nav-item.active .nav-icon{color:var(--accent-gold)}.nav-item .nav-badge{text-align:center;min-width:20px;color:var(--accent-gold);border-radius:var(--radius-full);background:#efb83929;margin-left:auto;padding:2px 7px;font-size:.6875rem;font-weight:600}.sidebar-signout{margin:var(--space-xs) var(--space-md) var(--space-md);padding:var(--space-xs) var(--space-md);border:none;border-top:1px solid var(--surface-raised);border-radius:0 0 var(--radius-md) var(--radius-md);font-family:var(--font-ui);color:var(--text-muted);text-align:left;cursor:pointer;transition:color var(--duration-fast) var(--ease-smooth);background:0 0;font-size:.75rem;font-weight:500}.sidebar-signout:hover{color:var(--accent-wine)}.nav-group{align-items:center;display:flex}.nav-group-toggle{width:24px;margin-left:var(--space-2xs);color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--duration-fast) var(--ease-smooth);background:0 0;border:none;flex-shrink:0;padding:4px 0}.nav-group-toggle:hover{color:var(--accent-gold)}.nav-chevron{transition:transform var(--duration-fast) var(--ease-smooth);font-size:.7rem;display:inline-block}.nav-chevron.open{transform:rotate(90deg)}.nav-group-label{flex:1;min-width:0}.nav-group-children{gap:var(--space-2xs);margin:var(--space-2xs) 0 var(--space-2xs) var(--space-md);padding-left:var(--space-sm);border-left:1px solid var(--surface-raised);flex-direction:column;display:flex}.nav-sub-item{padding:var(--space-xs) var(--space-md);font-size:.875rem}.nav-item.disabled{opacity:.35;pointer-events:none}.sidebar-section-label{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:var(--space-md) var(--space-md) var(--space-2xs);font-size:.6875rem;font-weight:600}.sidebar-games-list{gap:var(--space-2xs);flex-direction:column;display:flex}.sidebar-game-item{align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-md);font-family:var(--font-ui);color:var(--text-secondary);transition:color var(--duration-fast) var(--ease-smooth), background var(--duration-fast) var(--ease-smooth);font-size:.8125rem;display:flex}.sidebar-game-item:hover{color:var(--text-primary);background:var(--surface-card)}.sidebar-game-item .game-rank{color:var(--text-muted);width:18px;font-size:.75rem;font-weight:600}.sidebar-profile{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);transition:background var(--duration-fast) var(--ease-smooth), border-color var(--duration-fast) var(--ease-smooth);border:1px solid #0000;margin-top:auto;display:flex}.sidebar-profile:hover{background:var(--surface-card);border-color:var(--surface-raised)}.sidebar-profile:after{content:"›";color:var(--text-muted);margin-left:auto;font-size:1rem}.sidebar-profile:hover:after{color:var(--accent-gold)}.sidebar-profile .profile-info{flex:1;min-width:0}.sidebar-profile .profile-name{font-family:var(--font-ui);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;overflow:hidden}.sidebar-profile .profile-handle{font-family:var(--font-ui);color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.main-content{padding:var(--space-xl) var(--space-2xl);max-width:720px}.feed-header{margin-bottom:var(--space-xl);animation:fadeInUp var(--duration-reveal) var(--ease-smooth)}.feed-header h1{font-family:var(--font-display);color:var(--text-primary);margin-bottom:var(--space-xs);font-size:clamp(1.75rem,3vw,2.25rem);font-weight:700}.feed-header p{color:var(--text-secondary);font-size:.9375rem}.feed-tabs{gap:var(--space-2xs);margin-bottom:var(--space-xl);border-bottom:1px solid var(--surface-raised);animation:fadeInUp var(--duration-reveal) var(--ease-smooth) 80ms both;padding-bottom:0;display:flex;position:relative}.feed-tab{padding:var(--space-sm) var(--space-md) var(--space-md);font-family:var(--font-ui);color:var(--text-muted);transition:color var(--duration-fast) var(--ease-smooth);font-size:.875rem;font-weight:500;position:relative}.feed-tab:hover{color:var(--text-secondary)}.feed-tab.active{color:var(--accent-gold)}.feed-tab.active:after{content:"";background:var(--accent-gold);border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:-1px;left:0;right:0}.feed-list{gap:var(--space-lg);flex-direction:column;display:flex}.feed-card{background:var(--surface-card);border:1px solid var(--surface-raised);border-radius:var(--radius-lg);transition:transform var(--duration-normal) var(--ease-smooth), border-color var(--duration-normal) var(--ease-smooth), box-shadow var(--duration-normal) var(--ease-smooth);animation:fadeInUp var(--duration-reveal) var(--ease-smooth) both;overflow:hidden}.feed-card:first-child{animation-delay:.16s}.feed-card:nth-child(2){animation-delay:.24s}.feed-card:nth-child(3){animation-delay:.32s}.feed-card:nth-child(4){animation-delay:.4s}.feed-card:nth-child(5){animation-delay:.48s}.feed-card:hover{box-shadow:var(--shadow-card), var(--shadow-glow);border-color:#efb83933;transform:translateY(-2px)}.card-header{align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);display:flex}.card-avatar{border-radius:var(--radius-full);object-fit:cover;background:var(--surface-raised);flex-shrink:0;width:40px;height:40px}.card-avatar-placeholder{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--accent-gold-dim), var(--accent-amber));width:40px;height:40px;font-family:var(--font-display);color:var(--text-on-accent);flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;font-weight:600;display:flex}.card-user-info{flex:1}.card-username{font-family:var(--font-ui);color:var(--text-primary);font-size:.9375rem;font-weight:600}.card-meta{align-items:center;gap:var(--space-xs);font-family:var(--font-ui);color:var(--text-muted);font-size:.75rem;display:flex}.card-type-badge{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.06em;border-radius:var(--radius-full);background:var(--surface-raised);padding:2px 8px;font-size:.625rem;font-weight:600}.card-type-badge.play{color:var(--accent-gold);background:#efb83926}.card-type-badge.acquired{color:var(--accent-patina);background:#45a18a26}.card-type-badge.wishlist{color:var(--accent-amber);background:#df802026}.card-type-badge.trade{color:#d9b38c;background:#c7996b26}.card-type-badge.rating{color:var(--accent-wine);background:#ac394d26}.card-type-badge.post{color:var(--accent-gold);background:#efb83926}.card-source-badge{font-family:var(--font-ui);letter-spacing:.08em;border:1px solid var(--surface-raised);border-radius:var(--radius-full);color:var(--text-muted);padding:2px 7px;font-size:.625rem;font-weight:700}.card-source-badge.bgf{color:var(--accent-patina);border-color:#45a18a59}.card-source-badge.bgg{color:var(--accent-gold);border-color:#efb8394d}.card-menu-btn{border-radius:var(--radius-full);width:32px;height:32px;color:var(--text-muted);transition:background var(--duration-fast) var(--ease-smooth);justify-content:center;align-items:center;font-size:1.25rem;display:flex}.card-menu-btn:hover{background:var(--surface-raised);color:var(--text-secondary)}.card-game-hero{aspect-ratio:16/9;background:var(--surface-void);width:100%;position:relative;overflow:hidden}.card-game-hero img{object-fit:cover;width:100%;height:100%;transition:transform var(--duration-cinematic) var(--ease-smooth)}.feed-card:hover .card-game-hero img{transform:scale(1.03)}.card-game-hero .hero-overlay{background:linear-gradient(to top, var(--surface-card) 0%, transparent 100%);pointer-events:none;height:60%;position:absolute;bottom:0;left:0;right:0}.card-game-hero .hero-title{bottom:var(--space-md);left:var(--space-lg);font-family:var(--font-display);color:var(--text-primary);text-shadow:var(--text-shadow);font-size:1.375rem;font-weight:700;position:absolute}.card-body{padding:var(--space-md) var(--space-lg)}.card-body p{color:var(--text-primary);font-size:.9375rem;line-height:1.65}.play-stats{gap:var(--space-lg);padding:var(--space-sm) var(--space-lg);margin:var(--space-xs) 0;display:flex}.play-stat{align-items:center;gap:var(--space-xs);font-family:var(--font-ui);color:var(--text-secondary);font-size:.8125rem;display:flex}.play-stat .stat-icon{font-size:.9375rem}.play-stat .stat-value{color:var(--text-primary);font-weight:600}.card-actions{align-items:center;gap:var(--space-2xs);padding:var(--space-sm) var(--space-lg) var(--space-md);border-top:1px solid var(--surface-raised);margin-top:var(--space-xs);display:flex}.action-btn{align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);font-family:var(--font-ui);color:var(--text-muted);transition:color var(--duration-fast) var(--ease-smooth), background var(--duration-fast) var(--ease-smooth);font-size:.8125rem;display:flex}.action-btn:hover{color:var(--text-primary);background:var(--surface-raised)}.action-btn .action-icon{flex-shrink:0;font-size:1.125rem}.action-btn svg.action-icon{width:18px;height:18px}.action-btn.liked{color:var(--accent-wine)}.action-btn.liked .action-icon{animation:popIn var(--duration-normal) var(--ease-spring)}.action-btn.bookmarked{color:var(--accent-gold)}.action-btn-ltp{padding:var(--space-xs) var(--space-md);color:var(--accent-patina);border-radius:var(--radius-full);align-items:center;gap:var(--space-2xs);background:#45a18a1f;margin-left:auto;font-size:.75rem;font-weight:600;display:flex}.action-btn-ltp:hover{background:#45a18a38}.action-btn-ltp.activated{background:#45a18a4d}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg, var(--surface-card) 25%, var(--surface-raised) 50%, var(--surface-card) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.8s ease-in-out infinite shimmer}.skeleton-circle{border-radius:var(--radius-full)}.skeleton-text{height:14px;margin-bottom:8px}.skeleton-text.short{width:40%}.skeleton-text.medium{width:70%}.skeleton-hero{aspect-ratio:16/9;border-radius:0;width:100%}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes popIn{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0s!important}}@media (max-width:768px){.app-layout{grid-template-columns:1fr}.sidebar{display:none}.main-content{padding:var(--space-md) var(--space-sm);max-width:100%}.mobile-header,.mobile-nav{display:flex}.card-body p{font-size:.875rem}.feed-header h1{font-size:1.5rem}}.mobile-header{padding:var(--space-md) var(--space-lg);-webkit-backdrop-filter:blur(16px);z-index:var(--z-sticky);border-bottom:1px solid var(--surface-raised);background:#1c1a17d9;justify-content:space-between;align-items:center;display:none;position:sticky;top:0}.mobile-header .logo{font-family:var(--font-display);color:var(--accent-gold);font-size:1.25rem;font-weight:700}.mobile-nav{-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--surface-raised);z-index:var(--z-sticky);padding:var(--space-xs) 0 calc(var(--space-xs) + env(safe-area-inset-bottom));background:#0e0d0beb;justify-content:space-around;display:none;position:fixed;bottom:0;left:0;right:0}.mobile-nav-item{padding:var(--space-xs) var(--space-md);font-family:var(--font-ui);color:var(--text-muted);transition:color var(--duration-fast) var(--ease-smooth);flex-direction:column;align-items:center;gap:2px;font-size:.625rem;font-weight:500;display:flex}.mobile-nav-item .mobile-nav-icon{font-size:1.375rem}.mobile-nav-item.active{color:var(--accent-gold)}.mobile-nav-item.active:after{content:"";border-radius:var(--radius-full);background:var(--accent-gold);width:4px;height:4px;margin-top:1px}@media (max-width:768px){.mobile-header,.mobile-nav{display:flex}body{padding-bottom:72px}}.modal-backdrop{background:var(--scrim);-webkit-backdrop-filter:blur(4px);z-index:var(--z-modal);padding:var(--space-lg);animation:fadeIn var(--duration-fast) var(--ease-smooth);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-container{background:var(--surface-card);border:1px solid var(--surface-raised);border-radius:var(--radius-xl);width:100%;max-width:500px;max-height:90vh;box-shadow:var(--shadow-elevated);animation:modalIn var(--duration-normal) var(--ease-smooth);flex-direction:column;display:flex;position:relative;overflow-y:auto}@keyframes modalIn{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{padding:var(--space-lg) var(--space-lg) var(--space-md);border-bottom:1px solid var(--surface-raised);flex-direction:column;display:flex}.modal-header h2{font-family:var(--font-display);color:var(--text-primary);margin-bottom:var(--space-2xs);font-size:1.375rem;font-weight:600}.modal-header p{font-family:var(--font-ui);color:var(--text-secondary);font-size:.875rem}.modal-close{top:var(--space-md);right:var(--space-md);border-radius:var(--radius-full);width:32px;height:32px;color:var(--text-muted);transition:background var(--duration-fast) var(--ease-smooth), color var(--duration-fast) var(--ease-smooth);justify-content:center;align-items:center;font-size:1.5rem;line-height:1;display:flex;position:absolute}.modal-close:hover{background:var(--surface-raised);color:var(--text-primary)}.modal-body{padding:var(--space-lg);gap:var(--space-lg);flex-direction:column;display:flex}.form-group{gap:var(--space-xs);flex-direction:column;display:flex}.form-group label{font-family:var(--font-ui);color:var(--text-secondary);font-size:.8125rem;font-weight:600}.form-group input,.form-group select,.form-group textarea{padding:var(--space-sm) var(--space-md);background:var(--surface-base);border:1px solid var(--surface-raised);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-ui);transition:border-color var(--duration-fast) var(--ease-smooth);font-size:.875rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent-gold);outline:none;box-shadow:0 0 0 3px #efb8392e}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23665e54' stroke-width='2.5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.form-group textarea{resize:vertical;min-height:80px}.form-row{gap:var(--space-lg);grid-template-columns:1fr 1fr;display:grid}.modal-footer{justify-content:flex-end;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-top:1px solid var(--surface-raised);margin-top:auto;display:flex}.btn-cancel{padding:var(--space-sm) var(--space-md);color:var(--text-secondary);font-family:var(--font-ui);border-radius:var(--radius-md);transition:background var(--duration-fast) var(--ease-smooth), color var(--duration-fast) var(--ease-smooth);background:0 0;font-size:.875rem;font-weight:600}.btn-cancel:hover{background:var(--surface-raised);color:var(--text-primary)}.btn-submit{padding:var(--space-sm) var(--space-lg);background:var(--accent-gold);color:var(--text-on-accent);font-family:var(--font-ui);border-radius:var(--radius-full);transition:background var(--duration-fast) var(--ease-smooth), transform var(--duration-instant) var(--ease-smooth);font-size:.875rem;font-weight:600}.btn-submit:hover{background:var(--accent-amber)}.btn-submit:active:not(:disabled){transform:scale(.97)}@media (max-width:768px){.modal-container{border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-width:100%;max-height:85vh;margin-top:auto}.modal-backdrop{align-items:flex-end;padding:0}.form-row{grid-template-columns:1fr}}
.landing{min-height:100vh;color:var(--text-primary);font-family:var(--font-body);background:radial-gradient(1200px 800px at 50% -10%, #efb83912, transparent 60%), radial-gradient(900px 600px at 85% 20%, #45a18a0d, transparent 55%), radial-gradient(1100px 700px at 10% 80%, #df80200d, transparent 55%), linear-gradient(180deg, var(--surface-base), var(--surface-void) 90%);position:relative;overflow-x:hidden}.landing-grain{z-index:1;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.landing-header{z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(#1c1a17d9,#1c1a1700);justify-content:space-between;align-items:center;padding:18px clamp(20px,5vw,56px);display:flex;position:sticky;top:0}.landing-logo,.landing-footer-logo{font-family:var(--font-display);letter-spacing:.02em;color:var(--text-primary);align-items:center;gap:10px;font-size:1.4rem;font-weight:600;text-decoration:none;display:inline-flex}.landing-logo-mark{color:var(--accent-gold);font-size:1.1rem;line-height:1}.landing-nav{gap:28px;display:flex}.landing-nav a,.landing-footer-nav a{color:var(--text-secondary);font-family:var(--font-ui);letter-spacing:.01em;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .18s}.landing-nav a:hover,.landing-footer-nav a:hover{color:var(--accent-gold)}.landing-hero{z-index:5;padding:clamp(48px,9vh,104px) clamp(20px,5vw,56px) clamp(48px,8vh,96px);position:relative}.landing-hero-inner{grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(32px,5vw,72px);max-width:1200px;margin:0 auto;display:grid}.landing-hero-copy{animation:.7s cubic-bezier(.16,1,.3,1) both landingReveal}.landing-eyebrow{font-family:var(--font-ui);letter-spacing:.28em;text-transform:uppercase;color:var(--accent-gold);margin:0 0 20px;font-size:.8rem;font-weight:600}.landing-title{font-family:var(--font-display);font-variation-settings:"SOFT" 80, "WONK" 1;letter-spacing:-.015em;color:var(--text-primary);margin:0;font-size:clamp(2.5rem,6.5vw,4.25rem);font-weight:600;line-height:1.02;animation:.7s cubic-bezier(.16,1,.3,1) .12s both landingReveal}.landing-title-accent{background:linear-gradient(100deg, var(--accent-gold) 10%, var(--accent-parchment) 50%, var(--accent-amber) 90%);color:#0000;-webkit-background-clip:text;background-clip:text;display:block}.landing-sub{max-width:34em;color:var(--text-secondary);margin:24px 0 0;font-size:1.06rem;line-height:1.7;animation:.7s cubic-bezier(.16,1,.3,1) .22s both landingReveal}.landing-cta{flex-wrap:wrap;gap:14px;margin-top:40px;animation:.7s cubic-bezier(.16,1,.3,1) .32s both landingReveal;display:flex}.landing-hero-visual{animation:.7s cubic-bezier(.16,1,.3,1) .2s both landingReveal;position:relative}.landing-hero-image{border-radius:var(--radius-xl);border:1px solid var(--surface-raised);width:100%;height:auto;box-shadow:var(--shadow-elevated)}.landing-logo-img{border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0;width:32px;height:32px}.landing-btn{border-radius:var(--radius-full);font-family:var(--font-ui);letter-spacing:.01em;align-items:center;gap:10px;padding:14px 28px;font-size:.95rem;font-weight:600;text-decoration:none;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s,background .2s;display:inline-flex}.landing-btn-primary{color:var(--text-on-accent);background:linear-gradient(135deg, var(--accent-gold), var(--accent-amber));box-shadow:0 8px 28px #efb83947,inset 0 1px #e2dccf59}.landing-btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 34px #efb83961,inset 0 1px #e2dccf59}.landing-btn-primary:active,.landing-btn-ghost:active{transition-duration:var(--duration-instant);transform:translateY(0)scale(.97)}.landing-btn-arrow{transition:transform .2s}.landing-btn-primary:hover .landing-btn-arrow{transform:translate(4px)}.landing-btn-ghost{color:var(--text-primary);border:1px solid var(--surface-raised);background:#27242180}.landing-btn-ghost:hover{border-color:var(--accent-gold-dim);background:var(--surface-card);transform:translateY(-2px)}.landing-dice{justify-content:center;align-items:flex-end;gap:18px;margin-top:clamp(40px,7vh,72px);animation:.7s cubic-bezier(.16,1,.3,1) .46s both landingReveal;display:flex}.dice{border-radius:var(--radius-md);background:linear-gradient(145deg, var(--surface-overlay), var(--surface-card));border:1px solid var(--surface-raised);width:52px;height:52px;padding:10px;animation:5s ease-in-out infinite diceFloat;display:grid;box-shadow:0 10px 24px #0e0d0b80,inset 0 1px #e2dccf1f}.dice-one{grid-template-rows:1fr;grid-template-columns:1fr;place-items:center;animation-delay:0s}.dice-two{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;animation-delay:.7s}.dice-three{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;animation-delay:1.4s}.dice i{background:radial-gradient(circle at 35% 30%, var(--accent-parchment), var(--accent-gold) 65%);border-radius:50%;width:9px;height:9px;box-shadow:0 1px 2px #0e0d0b99}.dice-two i:first-child{grid-area:1/1}.dice-two i:nth-child(2){grid-area:2/2}.dice-three i:first-child{grid-area:1/1}.dice-three i:nth-child(2){grid-area:2/2}.dice-three i:nth-child(3){grid-area:1/2}@keyframes diceFloat{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(2deg)}}.landing-section{z-index:5;max-width:1080px;margin:0 auto;padding:clamp(56px,10vh,110px) 24px;position:relative}.landing-kicker{font-family:var(--font-ui);letter-spacing:.24em;text-transform:uppercase;color:var(--accent-gold);margin:0 0 14px;font-size:.8rem;font-weight:600}.landing-h2{max-width:620px;font-family:var(--font-display);font-variation-settings:"SOFT" 80, "WONK" 1;letter-spacing:-.01em;color:var(--text-primary);margin:0 0 clamp(36px,6vh,56px);font-size:clamp(1.9rem,4vw,2.7rem);font-weight:600;line-height:1.12}.landing-steps{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.landing-step{border-radius:var(--radius-lg);border:1px solid var(--surface-raised);background:linear-gradient(160deg,#272421b3,#1c1a1766);padding:28px 26px 30px;transition:transform .25s cubic-bezier(.16,1,.3,1),border-color .25s,box-shadow .25s;position:relative;box-shadow:inset 0 1px #e2dccf0f}.landing-step:before{content:"";background:linear-gradient(90deg,#0000,#e2dccf40,#0000);height:1px;position:absolute;top:0;left:26px;right:26px}.landing-step:hover{border-color:#efb83959;transform:translateY(-4px);box-shadow:0 14px 40px #efb83914,inset 0 1px #e2dccf0f}.landing-step-top{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.landing-step-num{font-family:var(--font-ui);color:var(--accent-gold);letter-spacing:.04em;font-size:1.1rem;font-weight:700}.landing-step-icon{filter:saturate(.9);font-size:1.5rem}.landing-step-title{font-family:var(--font-display);color:var(--text-primary);margin:0 0 10px;font-size:1.3rem;font-weight:600}.landing-step-body{color:var(--text-secondary);margin:0;font-size:.95rem;line-height:1.65}.landing-mantra{z-index:5;text-align:center;padding:clamp(40px,7vh,72px) 24px;position:relative}.landing-mantra-line{font-family:var(--font-display);font-variation-settings:"SOFT" 90, "WONK" 1;color:var(--text-secondary);margin:0;font-size:clamp(1.8rem,4.5vw,3rem);font-style:italic;animation:.8s cubic-bezier(.16,1,.3,1) both landingReveal}.landing-mantra-line:before,.landing-mantra-line:after{content:"❖";color:var(--accent-gold);opacity:.7;margin:0 auto 18px;font-size:.8rem;display:block}.landing-mantra-line:after{margin:18px auto 0}.landing-features{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.landing-feature{border-radius:var(--radius-lg);border:1px solid var(--surface-raised);background:linear-gradient(160deg,#272421b3,#1c1a1766);padding:28px 26px;transition:transform .25s cubic-bezier(.16,1,.3,1),border-color .25s,box-shadow .25s;box-shadow:inset 0 1px #e2dccf0f}.landing-feature:hover{border-color:#efb83959;transform:translateY(-4px);box-shadow:0 14px 40px #efb83914,inset 0 1px #e2dccf0f}.landing-feature-icon{border-radius:var(--radius-md);background:#efb8391a;border:1px solid #efb83938;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:18px;font-size:1.4rem;display:inline-flex}.landing-feature-title{font-family:var(--font-display);color:var(--text-primary);margin:0 0 8px;font-size:1.2rem;font-weight:600}.landing-feature-body{color:var(--text-secondary);margin:0;font-size:.95rem;line-height:1.65}.landing-footer{z-index:5;border-top:1px solid var(--surface-raised);background:#0e0d0b66;position:relative}.landing-footer-inner{flex-wrap:wrap;align-items:center;gap:24px;max-width:1080px;margin:0 auto;padding:40px 24px 48px;display:flex}.landing-footer-nav{gap:24px;margin-left:auto;display:flex}.landing-footer-note{font-family:var(--font-ui);color:var(--text-muted);letter-spacing:.02em;flex-basis:100%;margin:12px 0 0;font-size:.78rem}@keyframes landingReveal{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.landing-hero-inner,.landing-hero-copy,.landing-hero-visual,.landing-title,.landing-sub,.landing-cta,.landing-dice,.landing-mantra-line,.dice{animation:none}.landing-btn:hover,.landing-step:hover,.landing-feature:hover{transform:none}}@media (max-width:820px){.landing-hero-inner{grid-template-columns:1fr;gap:32px}.landing-hero-copy{text-align:center}.landing-sub{margin-left:auto;margin-right:auto}.landing-cta{justify-content:center}.landing-steps,.landing-features{grid-template-columns:1fr}.landing-footer-nav{margin-left:0}}@media (max-width:560px){.landing-header{padding:14px 20px}.landing-nav{gap:18px}.landing-nav a{font-size:.82rem}}