.header{background-color:var(--bg-primary);border-bottom:1px solid var(--bg-secondary);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#332010f2}.header-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg);display:flex;align-items:center;justify-content:space-between;height:64px}@media (min-width: 768px){.header-container{height:80px;padding:0 40px}}.header-logo{font-family:Outfit,OutfitExtraBold,sans-serif;font-weight:800;font-size:24px;color:var(--text-primary);text-decoration:none;transition:color .2s ease}.header-logo:hover{color:var(--accent-primary)}.header-nav{position:relative}.header-menu-toggle{display:flex;flex-direction:column;gap:4px;background:none;border:none;padding:8px;cursor:pointer}.header-menu-toggle span{width:24px;height:3px;background-color:var(--text-primary);transition:all .2s ease;display:block}.header-menu-toggle.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.header-menu-toggle.open span:nth-child(2){opacity:0}.header-menu-toggle.open span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}@media (min-width: 768px){.header-menu-toggle{display:none}}.header-nav-list{display:none;list-style:none;gap:var(--spacing-xl);align-items:center;position:absolute;top:100%;left:0;right:0;background-color:var(--bg-primary);border-top:1px solid var(--bg-secondary);flex-direction:column;padding:var(--spacing-lg);box-shadow:0 4px 8px #0003}.header-nav-list.open{display:flex}@media (min-width: 768px){.header-nav-list{display:flex;position:static;flex-direction:row;background-color:transparent;border-top:none;padding:0;box-shadow:none}}.header-nav-list a{color:var(--text-secondary);font-family:Ubuntu,UbuntuBold,sans-serif;font-weight:700;font-size:16px;padding:var(--spacing-xs) var(--spacing-sm);border-radius:4px;transition:color .2s ease}.header-nav-list a:hover,.header-nav-list a.active{color:var(--accent-primary)}.footer{background-color:var(--bg-footer);padding:var(--spacing-3xl) var(--spacing-lg);margin-top:auto}.footer-container{max-width:1200px;margin:0 auto}.footer-content{display:flex;flex-direction:column;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}@media (min-width: 768px){.footer-content{flex-direction:row;justify-content:space-between;align-items:center}}.footer-brand{display:flex;align-items:center}.footer-logo{font-family:Outfit,OutfitExtraBold,sans-serif;font-weight:800;font-size:24px;color:var(--text-primary);text-decoration:none}.footer-nav{display:flex;flex-direction:column;gap:var(--spacing-md)}@media (min-width: 768px){.footer-nav{flex-direction:row;gap:var(--spacing-xl)}}.footer-nav a{color:var(--text-secondary);font-family:Ubuntu,UbuntuBold,sans-serif;font-weight:700;font-size:14px;transition:color .2s ease}.footer-nav a:hover{color:var(--accent-primary)}.footer-copyright{padding-top:var(--spacing-xl);border-top:1px solid var(--bg-secondary)}.footer-copyright p{color:var(--text-tertiary);font-family:Ubuntu,UbuntuBold,sans-serif;font-weight:700;font-size:12px;text-align:center}@media (min-width: 768px){.footer-copyright p{text-align:left}}.card{background-color:var(--bg-secondary);border-radius:var(--radius-md);border:3px solid var(--bg-tertiary);box-shadow:0 4px 8px #00000026;position:relative;overflow:hidden}.card:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background-image:repeating-linear-gradient(45deg,var(--stripe-color-1),var(--stripe-color-1) 20px,var(--stripe-color-2) 20px,var(--stripe-color-2) 40px,var(--stripe-color-3) 40px,var(--stripe-color-3) 60px,var(--stripe-color-4) 60px,var(--stripe-color-4) 80px,var(--stripe-color-5) 80px,var(--stripe-color-5) 100px,var(--stripe-color-6) 100px,var(--stripe-color-6) 120px,var(--stripe-color-7) 120px,var(--stripe-color-7) 140px,var(--stripe-color-8) 140px,var(--stripe-color-8) 160px,var(--stripe-color-9) 160px,var(--stripe-color-9) 180px,var(--stripe-color-10) 180px,var(--stripe-color-10) 200px,var(--stripe-color-11) 200px,var(--stripe-color-11) 220px,var(--stripe-color-12) 220px,var(--stripe-color-12) 240px);opacity:.1}.card>*{position:relative;z-index:1}.card-gradient-orange:before{--stripe-color-1: #3d2615;--stripe-color-2: #412816;--stripe-color-3: #462a17;--stripe-color-4: #4b2c18;--stripe-color-5: #502e19;--stripe-color-6: #55301a;--stripe-color-7: #5a321b;--stripe-color-8: #5f341c;--stripe-color-9: #64361d;--stripe-color-10: #69381e;--stripe-color-11: #6e3a1f;--stripe-color-12: #733c20}.card-gradient-teal:before{--stripe-color-1: #3d2615;--stripe-color-2: #3c2715;--stripe-color-3: #3b2815;--stripe-color-4: #3a2915;--stripe-color-5: #392a15;--stripe-color-6: #382b15;--stripe-color-7: #372c15;--stripe-color-8: #362d15;--stripe-color-9: #352e15;--stripe-color-10: #342f15;--stripe-color-11: #333015;--stripe-color-12: #323115}.card-gradient-purple:before{--stripe-color-1: #3d2615;--stripe-color-2: #3f2715;--stripe-color-3: #412815;--stripe-color-4: #432915;--stripe-color-5: #452a15;--stripe-color-6: #472b15;--stripe-color-7: #492c15;--stripe-color-8: #4b2d15;--stripe-color-9: #4d2e15;--stripe-color-10: #4f2f15;--stripe-color-11: #513015;--stripe-color-12: #533115}.card-gradient-blue:before{--stripe-color-1: #3d2615;--stripe-color-2: #3d2715;--stripe-color-3: #3d2815;--stripe-color-4: #3d2915;--stripe-color-5: #3d2a15;--stripe-color-6: #3d2b15;--stripe-color-7: #3d2c15;--stripe-color-8: #3d2d15;--stripe-color-9: #3d2e15;--stripe-color-10: #3d2f15;--stripe-color-11: #3d3015;--stripe-color-12: #3d3115}.card-gradient-green:before{--stripe-color-1: #3d2615;--stripe-color-2: #3d2715;--stripe-color-3: #3d2815;--stripe-color-4: #3d2915;--stripe-color-5: #3d2a15;--stripe-color-6: #3d2b15;--stripe-color-7: #3d2c15;--stripe-color-8: #3d2d15;--stripe-color-9: #3d2e15;--stripe-color-10: #3d2f15;--stripe-color-11: #3d3015;--stripe-color-12: #3d3115}.card-padding-sm{padding:var(--spacing-sm)}.card-padding-md{padding:var(--spacing-md)}.card-padding-lg{padding:var(--spacing-lg)}.card-padding-xl{padding:var(--spacing-xl)}.btn{font-family:Outfit,OutfitExtraBold,sans-serif;font-weight:800;font-size:16px;padding:var(--spacing-md) var(--spacing-2xl);border-radius:var(--radius-sm);transition:all .2s ease;cursor:pointer;display:inline-block;text-align:center}@media (min-width: 768px){.btn{font-size:18px}}.btn-primary{background-color:var(--accent-primary);color:var(--bg-primary);border:none}.btn-primary:hover{background-color:var(--accent-primary-light);transform:scale(1.02)}.btn-primary:active{transform:scale(.98)}.btn-secondary{background-color:transparent;color:var(--accent-primary);border:3px solid var(--accent-primary)}.btn-secondary:hover{background-color:#ffc97d1a;transform:scale(1.02)}.btn-secondary:active{transform:scale(.98)}.btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.hero{background-color:var(--bg-primary);padding:var(--spacing-4xl) var(--spacing-lg) var(--spacing-3xl);text-align:center;position:relative}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,201,125,.05) 0%,transparent 100%);pointer-events:none}.hero-content{max-width:800px;margin:0 auto;position:relative;z-index:1}.hero-title{font-size:36px;line-height:1.2;margin-bottom:var(--spacing-xl);color:var(--text-primary)}@media (min-width: 768px){.hero-title{font-size:48px}}@media (min-width: 1024px){.hero-title{font-size:64px}}.hero-subheading{font-size:16px;line-height:1.5;color:var(--text-secondary);max-width:600px;margin:0 auto var(--spacing-3xl)}@media (min-width: 768px){.hero-subheading{font-size:18px}}@media (min-width: 1024px){.hero-subheading{font-size:22px}}.hero-buttons{display:flex;flex-direction:column;gap:var(--spacing-xl);align-items:center;justify-content:center}@media (min-width: 768px){.hero-buttons{flex-direction:row;gap:var(--spacing-xl)}}.app-store-button{display:inline-block;transition:transform .2s ease}.app-store-button:hover{transform:scale(1.05)}.app-store-badge{height:60px;width:auto}@media (min-width: 768px){.app-store-badge{height:70px}}.features{padding:var(--spacing-4xl) var(--spacing-lg);background-color:var(--bg-primary)}.features-title{font-size:28px;text-align:center;margin-bottom:var(--spacing-3xl);color:var(--text-primary)}@media (min-width: 768px){.features-title{font-size:32px}}.features-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg);max-width:1200px;margin:0 auto}@media (min-width: 768px){.features-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-xl)}}@media (min-width: 1024px){.features-grid{grid-template-columns:repeat(4,1fr)}}.feature-card{text-align:center;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform .2s ease,box-shadow .2s ease}.feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0003}.feature-icon{font-size:48px;margin-bottom:var(--spacing-md)}.feature-title{font-size:18px;margin-bottom:var(--spacing-sm);color:var(--text-primary)}@media (min-width: 768px){.feature-title{font-size:20px}}@media (min-width: 1024px){.feature-title{font-size:22px}}.feature-description{font-size:14px;line-height:1.5;color:var(--text-secondary)}@media (min-width: 768px){.feature-description{font-size:16px}}.cta{padding:var(--spacing-4xl) var(--spacing-lg);background-color:var(--bg-secondary)}.cta-content{max-width:800px;margin:0 auto;text-align:center}.cta-title{font-size:28px;margin-bottom:var(--spacing-lg);color:var(--text-primary)}@media (min-width: 768px){.cta-title{font-size:36px}}@media (min-width: 1024px){.cta-title{font-size:48px}}.cta-subheading{font-size:16px;line-height:1.5;color:var(--text-secondary);margin-bottom:var(--spacing-3xl)}@media (min-width: 768px){.cta-subheading{font-size:18px}}.cta-buttons{display:flex;flex-direction:column;gap:var(--spacing-xl);align-items:center;justify-content:center}@media (min-width: 768px){.cta-buttons{flex-direction:row;gap:var(--spacing-xl)}}.about{padding:var(--spacing-4xl) var(--spacing-lg);min-height:calc(100vh - 200px)}.about-hero{text-align:center;margin-bottom:var(--spacing-4xl)}.about-title{font-size:36px;color:var(--text-primary)}@media (min-width: 768px){.about-title{font-size:48px}}.about-content{max-width:800px;margin:0 auto}.about-cards{display:flex;flex-direction:column;gap:var(--spacing-lg)}.about-card{transition:transform .2s ease,box-shadow .2s ease}.about-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0003}.about-card-title{font-size:18px;color:var(--text-primary);margin-bottom:var(--spacing-md)}@media (min-width: 768px){.about-card-title{font-size:20px}}@media (min-width: 1024px){.about-card-title{font-size:22px}}.about-card-text{font-size:14px;line-height:1.6;color:var(--text-secondary)}@media (min-width: 768px){.about-card-text{font-size:16px}}.privacy{padding:var(--spacing-4xl) var(--spacing-lg);min-height:calc(100vh - 200px)}.privacy-header{text-align:center;margin-bottom:var(--spacing-3xl)}.privacy-title{font-size:28px;color:var(--text-primary)}@media (min-width: 768px){.privacy-title{font-size:36px}}.privacy-intro{max-width:800px;margin:0 auto var(--spacing-3xl)}.privacy-intro-title{font-size:18px;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.privacy-intro-content{font-size:14px;line-height:1.5;color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.privacy-intro-meta{font-size:12px;color:var(--text-tertiary);margin-top:var(--spacing-xs)}.privacy-sections{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-sm)}.privacy-section-card{transition:transform .2s ease,box-shadow .2s ease}.privacy-section-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0003}.privacy-section-title{font-size:16px;color:var(--text-primary);margin-bottom:var(--spacing-xs)}@media (min-width: 768px){.privacy-section-title{font-size:18px}}.privacy-section-body{font-size:14px;line-height:1.5;color:var(--text-secondary);margin-top:var(--spacing-xs)}.privacy-section-body p{margin-bottom:var(--spacing-sm)}.privacy-section-body p:last-child{margin-bottom:0}.privacy-section-body ul{margin-left:var(--spacing-lg);margin-top:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.privacy-section-body li{margin-bottom:var(--spacing-xs)}.privacy-section-body strong{color:var(--text-primary);font-weight:700}@media (min-width: 768px){.privacy-section-body{font-size:16px}}.terms{padding:var(--spacing-4xl) var(--spacing-lg);min-height:calc(100vh - 200px)}.terms-header{text-align:center;margin-bottom:var(--spacing-3xl)}.terms-title{font-size:28px;color:var(--text-primary)}@media (min-width: 768px){.terms-title{font-size:36px}}.terms-intro{max-width:800px;margin:0 auto var(--spacing-3xl)}.terms-intro-title{font-size:18px;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.terms-intro-content{font-size:14px;line-height:1.5;color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.terms-intro-meta{font-size:12px;color:var(--text-tertiary);margin-top:var(--spacing-xs)}.terms-sections{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-sm)}.terms-section-card{transition:transform .2s ease,box-shadow .2s ease}.terms-section-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0003}.terms-section-title{font-size:16px;color:var(--text-primary);margin-bottom:var(--spacing-xs)}@media (min-width: 768px){.terms-section-title{font-size:18px}}.terms-section-body{font-size:14px;line-height:1.5;color:var(--text-secondary);margin-top:var(--spacing-xs)}.terms-section-body p{margin-bottom:var(--spacing-sm)}.terms-section-body p:last-child{margin-bottom:0}@media (min-width: 768px){.terms-section-body{font-size:16px}}.app{min-height:100vh;display:flex;flex-direction:column}.app-content{flex:1}:root{--bg-primary: #332010;--bg-secondary: #3d2615;--bg-tertiary: #4a2e1a;--bg-footer: #2a1a0f;--text-primary: #ffffff;--text-secondary: #ffe5c4;--text-tertiary: #d4b89a;--accent-primary: #ffc97d;--accent-primary-light: #ffd89e;--accent-primary-lighter: #ffebc8;--accent-primary-medium: #fdba74;--accent-primary-dark: #e0a55a;--accent-primary-darker: #c4944a;--accent-primary-darkest: #a8833a;--accent-teal: #14b8a6;--accent-teal-medium: #21c6b2;--accent-teal-light: #2dd4bf;--accent-purple: #a855f7;--accent-purple-medium: #b46df9;--accent-purple-light: #c084fc;--accent-blue: #3b82f6;--accent-blue-medium: #4e95f8;--accent-blue-light: #60a5fa;--accent-green: #22c55e;--accent-green-medium: #4ade80;--accent-green-light: #86efac;--error: #ef4444;--error-text: #f87171;--rarity-none: #64748b;--rarity-common: #e2e8f0;--rarity-uncommon: #14b200;--rarity-rare: #3b82f6;--rarity-epic: #a855f7;--rarity-legendary: #fcd34d;--spacing-xs: 8px;--spacing-sm: 14px;--spacing-md: 16px;--spacing-lg: 20px;--spacing-xl: 24px;--spacing-2xl: 32px;--spacing-3xl: 48px;--spacing-4xl: 64px;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 20px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 8px rgba(0, 0, 0, .15);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .2)}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:Ubuntu,UbuntuBold,sans-serif;font-weight:700;background-color:var(--bg-primary);color:var(--text-secondary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:Outfit,OutfitExtraBold,sans-serif;font-weight:800;color:var(--text-primary);line-height:1.2}a{color:var(--accent-primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent-primary-light)}button{font-family:Outfit,OutfitExtraBold,sans-serif;font-weight:800;cursor:pointer;border:none;transition:all .2s ease}button:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}@media (min-width: 768px){.container{padding:0 40px}}@media (min-width: 1024px){.container{padding:0 80px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}