:root{--king-bg-primary: #121212;--king-bg-secondary: #18181c;--king-bg-tertiary: #202024;--king-bg-card: #252529;--king-bg-hover: #2a2a2e;--king-text-primary: #ffffff;--king-text-secondary: #a0a0a0;--king-text-muted: #666666;--king-yellow: #f7c100;--king-blue: #0074e4;--king-green: #2ecc71;--king-orange: #ff6b35;--king-purple: #9d4edd;--king-border: #2a2a2e;--king-border-light: #3a3a3e;--king-shadow: 0 4px 20px rgba(0, 0, 0, .4);--king-glow-yellow: 0 0 20px rgba(247, 193, 0, .3)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--king-bg-primary);color:var(--king-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}.king-layout{display:grid;min-height:100vh;grid-template-rows:52px 1fr auto;grid-template-areas:"navbar" "main" "footer"}.area-navbar{grid-area:navbar;position:sticky;top:0;z-index:1000}.area-main{grid-area:main;width:100vw}.area-footer{grid-area:footer}.king-navbar{background:var(--king-bg-primary);border-bottom:1px solid var(--king-border);height:52px;display:flex;align-items:center;padding:0 24px}.king-navbar-brand{display:flex;align-items:center;gap:12px;margin-right:32px}.king-navbar-logo{width:32px;height:32px;background:linear-gradient(135deg,var(--king-yellow) 0%,#ff9500 100%);border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px}.king-navbar-title{font-weight:700;font-size:16px;letter-spacing:-.5px}.king-navbar-menu{display:flex;gap:4px;flex:1}.king-nav-item{padding:8px 16px;border-radius:4px;font-size:13px;font-weight:500;color:var(--king-text-secondary);transition:all .15s ease;cursor:pointer}.king-nav-item:hover{color:var(--king-text-primary);background:var(--king-bg-tertiary)}.king-nav-item.active{color:var(--king-text-primary)}.king-nav-dropdown{position:relative}.king-nav-dropdown:after{content:"▾";margin-left:4px;font-size:10px}.king-navbar-search{display:flex;align-items:center;background:var(--king-bg-tertiary);border-radius:20px;padding:6px 16px;margin-right:16px;width:280px}.king-navbar-search input{flex:1;background:transparent;border:none;outline:none;color:var(--king-text-primary);font-size:13px}.king-navbar-search input::placeholder{color:var(--king-text-muted)}.king-navbar-search i{color:var(--king-text-muted);margin-right:8px}.king-navbar-actions{display:flex;align-items:center;gap:8px}.king-btn{padding:8px 20px;border-radius:4px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease;border:none}.king-btn-ghost{background:transparent;color:var(--king-text-primary)}.king-btn-ghost:hover{background:var(--king-bg-tertiary)}.king-btn-primary{background:var(--king-yellow);color:#000}.king-btn-primary:hover{filter:brightness(1.1);box-shadow:var(--king-glow-yellow)}.king-btn-outline{background:transparent;color:var(--king-text-primary);border:1px solid var(--king-border-light)}.king-btn-outline:hover{background:var(--king-bg-tertiary);border-color:var(--king-text-secondary)}.king-hero{position:relative;width:100%;height:500px;overflow:hidden}.king-hero-slide{position:absolute;inset:0;display:flex;opacity:0;transition:opacity .5s ease}.king-hero-slide.active{opacity:1}.king-hero-image{position:absolute;inset:0;background-size:cover;background-position:center}.king-hero-gradient{position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,18,18,.95) 0%,rgba(18,18,18,.5) 50%,transparent 100%)}.king-hero-content{position:relative;z-index:2;padding:60px 48px;max-width:500px;display:flex;flex-direction:column;justify-content:center}.king-hero-badge{display:inline-flex;align-items:center;gap:6px;background:var(--king-yellow);color:#000;padding:4px 12px;border-radius:4px;font-size:11px;font-weight:700;text-transform:uppercase;margin-bottom:16px;width:fit-content}.king-hero-title{font-size:42px;font-weight:800;line-height:1.1;margin:0 0 12px;text-transform:uppercase}.king-hero-subtitle{font-size:16px;color:var(--king-text-secondary);margin:0 0 24px;line-height:1.5}.king-hero-actions{display:flex;gap:12px}.king-hero-indicators{position:absolute;bottom:24px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:10}.king-hero-indicator{width:32px;height:4px;background:#ffffff4d;border-radius:2px;cursor:pointer;transition:all .2s}.king-hero-indicator.active{background:var(--king-text-primary);width:48px}.king-hero-nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:background .2s}.king-hero-nav:hover{background:#000000b3}.king-hero-nav.prev{left:24px}.king-hero-nav.next{right:24px}.king-section{padding:32px 48px}.king-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.king-section-title{font-size:20px;font-weight:700;margin:0;display:flex;align-items:center;gap:8px}.king-section-link{font-size:13px;color:var(--king-text-secondary);display:flex;align-items:center;gap:4px;transition:color .2s}.king-section-link:hover{color:var(--king-text-primary)}.king-apps-scroll{display:flex;gap:16px;overflow-x:auto;padding-bottom:16px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.king-apps-scroll::-webkit-scrollbar{height:6px}.king-apps-scroll::-webkit-scrollbar-track{background:var(--king-bg-tertiary);border-radius:3px}.king-apps-scroll::-webkit-scrollbar-thumb{background:var(--king-border-light);border-radius:3px}.king-apps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.king-app-card{flex:0 0 200px;scroll-snap-align:start;border-radius:8px;overflow:hidden;background:var(--king-bg-card);transition:transform .2s,box-shadow .2s;cursor:pointer}.king-app-card:hover{transform:translateY(-4px);box-shadow:var(--king-shadow)}.king-app-cover{position:relative;aspect-ratio:3/4;overflow:hidden}.king-app-cover img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.king-app-card:hover .king-app-cover img{transform:scale(1.05)}.king-app-badge{position:absolute;top:8px;left:8px;background:var(--king-blue);color:#fff;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:700}.king-app-info{padding:12px}.king-app-name{font-size:13px;font-weight:600;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.king-app-meta{font-size:11px;color:var(--king-text-secondary)}.king-app-price{display:flex;align-items:center;gap:8px;margin-top:8px}.king-app-price-current{font-size:13px;font-weight:600}.king-app-price-current.free{color:var(--king-green)}.king-collection-card{flex:0 0 380px;aspect-ratio:16/9;border-radius:8px;overflow:hidden;position:relative;cursor:pointer}.king-collection-card img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.king-collection-card:hover img{transform:scale(1.05)}.king-footer{background:var(--king-bg-secondary);border-top:1px solid var(--king-border);padding:48px}.king-footer-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:48px}.king-footer-brand{display:flex;align-items:center;gap:12px;margin-bottom:16px}.king-footer-desc{color:var(--king-text-secondary);font-size:13px;line-height:1.6}.king-footer-title{font-size:12px;font-weight:700;color:var(--king-text-secondary);text-transform:uppercase;letter-spacing:1px;margin:0 0 16px}.king-footer-links{list-style:none;margin:0;padding:0}.king-footer-links li{margin-bottom:8px}.king-footer-links a{font-size:13px;color:var(--king-text-secondary);transition:color .2s}.king-footer-links a:hover{color:var(--king-text-primary)}.king-footer-bottom{max-width:1200px;margin:32px auto 0;padding-top:24px;border-top:1px solid var(--king-border);display:flex;justify-content:space-between;align-items:center}.king-footer-copy{font-size:12px;color:var(--king-text-muted)}.king-footer-social{display:flex;gap:16px}.king-footer-social a{color:var(--king-text-secondary);font-size:18px;transition:color .2s}.king-footer-social a:hover{color:var(--king-text-primary)}.king-nav-dropdown-container{position:relative;height:100%;display:flex;align-items:center}.king-dropdown-menu{position:absolute;top:100%;left:0;background:var(--king-bg-card);border:1px solid var(--king-border);border-radius:8px;padding:8px;min-width:200px;display:none;flex-direction:column;box-shadow:var(--king-shadow);z-index:1000}.king-nav-dropdown-container:hover .king-dropdown-menu{display:flex}.king-dropdown-item{padding:8px 12px;color:var(--king-text-secondary);text-decoration:none;font-size:14px;border-radius:4px;transition:all .2s}.king-dropdown-item:hover{background:var(--king-bg-hover);color:var(--king-text-primary)}.app-grid{display:grid;grid-template-columns:minmax(0,2fr) 350px;gap:48px;max-width:1200px;margin:-60px auto 48px;position:relative;z-index:10;padding:0 48px}@media(max-width:1024px){.king-section{padding:24px}.king-hero{height:400px}.king-hero-content{padding:40px 24px}.king-hero-title{font-size:32px}.king-navbar-search{display:none}.app-grid{grid-template-columns:1fr;margin-top:0;gap:32px}.purchase-card{position:static;margin-top:24px}}@media(max-width:768px){.king-navbar-menu{display:none}.king-hero{height:320px}.king-hero-title{font-size:24px}.king-app-card{flex:0 0 150px}.king-collection-card{flex:0 0 280px}.king-footer-content{grid-template-columns:1fr;gap:32px}}:root{--bg-base: #0d0d0f;--bg-surface: #13141a;--bg-elevated: #1a1b24;--bg-card: #1e1f2b;--bg-input: #252636;--bg-hover: #2a2b3d;--bg-overlay: rgba(0, 0, 0, .85);--accent: #2d7bf4;--accent-hover: #4d93f6;--accent-glow: rgba(45, 123, 244, .25);--accent-border: rgba(45, 123, 244, .4);--orange: #e8650a;--orange-hover: #f0782a;--orange-glow: rgba(232, 101, 10, .3);--success: #22c55e;--warning: #f59e0b;--danger: #ef4444;--text-primary: #e8e9f0;--text-secondary: #8b8d9e;--text-muted: #555770;--text-inverse: #0d0d0f;--border: rgba(255, 255, 255, .07);--border-accent: rgba(45, 123, 244, .35);--border-strong: rgba(255, 255, 255, .14);--font-display: "Rajdhani", sans-serif;--font-body: "Barlow", sans-serif;--font-mono: "Share Tech Mono", monospace;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-pill: 999px;--shadow-sm: 0 2px 8px rgba(0,0,0,.4);--shadow-md: 0 4px 20px rgba(0,0,0,.6);--shadow-lg: 0 8px 40px rgba(0,0,0,.8);--shadow-accent: 0 0 30px var(--accent-glow);--max-width: 1400px;--navbar-height: 64px;--page-padding: clamp(16px, 4vw, 48px)}.app-shell{display:grid;grid-template-areas:"navbar" "main" "footer";grid-template-rows:var(--navbar-height) 1fr auto;min-height:100vh}.king-navbar{grid-area:navbar}.king-main{grid-area:main}.king-footer{grid-area:footer}.grid-container{display:grid;max-width:var(--max-width);margin:0 auto;padding:0 var(--page-padding)}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.king-form{display:grid;grid-template-areas:"label input";grid-template-columns:151px 1fr;gap:16px;align-items:center}.king-card{display:grid;grid-template-areas:"media" "header" "content" "footer";grid-template-rows:auto auto 1fr auto;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.king-card__media{grid-area:media}.king-card__header{grid-area:header}.king-card__content{grid-area:content}.king-card__footer{grid-area:footer}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg-base);color:var(--text-primary);min-height:100vh;overflow-x:hidden}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit}input,textarea,select{font-family:inherit;background:transparent;border:none;outline:none;color:inherit}ul,ol{list-style:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 22px;border-radius:var(--radius-sm);font-family:var(--font-display);font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;transition:all .2s ease;cursor:pointer;white-space:nowrap;border:1px solid transparent}.btn--primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn--primary:hover{background:var(--accent-hover);box-shadow:var(--shadow-accent);transform:translateY(-1px)}