@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes cardFloat{0%,to{transform:translateY(0) rotateX(2deg)}50%{transform:translateY(-8px) rotateX(0)}}@keyframes qrPulse{0%,to{box-shadow:0 0 #18e1ff66}50%{box-shadow:0 0 20px 4px #18e1ff33}}.card-floating-wrap{perspective:1200px;position:relative}.card-floating{position:relative;animation:cardFloat 6s ease-in-out infinite;transform-style:preserve-3d;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff0d;border-radius:16px;overflow:visible!important}.card-floating:hover{animation-play-state:paused;transform:translateY(-12px) rotateX(0) scale(1.02)}.card-qr-badge{position:absolute;bottom:-20px;right:16px;background:linear-gradient(145deg,#fff,#f0f0f0);padding:8px;border-radius:12px;box-shadow:0 8px 24px #0000004d,0 0 0 2px #18e1ff4d;display:flex;flex-direction:column;align-items:center;gap:4px;animation:qrPulse 3s ease-in-out infinite;z-index:10;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.card-qr-badge:hover{transform:scale(1.08);box-shadow:0 12px 32px #0006,0 0 20px #18e1ff66}.card-qr-badge canvas{width:64px!important;height:64px!important;border-radius:6px}.card-qr-label{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;color:#0b0f12;background:linear-gradient(90deg,var(--teal),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.scan-action-zone{margin-top:32px;padding:16px;text-align:center;background:linear-gradient(180deg,rgba(24,225,255,.08) 0%,transparent 100%);border:1px dashed rgba(24,225,255,.3);border-radius:12px;animation:fadeInUp .4s ease}.scan-action-zone.hidden{display:none}@media(max-width:640px){.card-floating{animation:none;transform:none}.card-floating:hover{transform:none}.card-qr-badge{bottom:-16px;right:12px;padding:6px}.card-qr-badge canvas{width:56px!important;height:56px!important}.scan-action-zone{margin-top:28px}}#scroll-progress{position:fixed;top:0;left:0;width:0%;height:4px;background:linear-gradient(90deg,var(--teal) 70%,var(--accent) 100%);box-shadow:0 0 10px var(--teal),0 0 8px var(--accent);z-index:9999;transition:width .4s cubic-bezier(.25,.46,.45,.94),opacity .3s ease;opacity:0}.card:hover{transform:translateY(-4px);border-color:#18e1ff4d!important;box-shadow:0 10px 30px -10px #18e1ff26,0 0 0 1px #18e1ff1a}.hero-images{position:absolute;inset:0;z-index:0;overflow:hidden;border-radius:16px}.hero-images picture{position:absolute;inset:0;display:block}.hero-images img,.hero-images picture img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.2s ease-in-out}.hero-images img.is-active,.hero-images picture:has(img.is-active) img{opacity:1;transform:scale(1.1);transition:opacity 1.2s ease-in-out,transform 6s linear}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#0b0f12f2;backdrop-filter:blur(12px);border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-around;padding:8px 0 24px;z-index:1000;box-shadow:0 -4px 20px #0006}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--muted);font-size:11px;padding:8px 12px;border-radius:8px;transition:all .2s ease}.bottom-nav-item svg{width:24px;height:24px;stroke-width:2px}.bottom-nav-item.active{color:var(--teal)}.bottom-nav-item.active svg{filter:drop-shadow(0 0 8px rgba(24,225,255,.5))}@media(min-width:768px){.bottom-nav{display:none}}.hero.has-crossfade{position:relative;min-height:320px}.hero.has-crossfade>*:not(.hero-images){position:relative;z-index:2}.hero.has-crossfade:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#0b0f1266,#0b0f12d9);z-index:1;border-radius:16px;pointer-events:none}@keyframes pulseGlow{0%{box-shadow:0 0 #18e1ff66}70%{box-shadow:0 0 0 10px #18e1ff00}to{box-shadow:0 0 #18e1ff00}}@keyframes gradientText{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.hero{position:relative;overflow:hidden}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#0b0f124d,#0b0f12e6);z-index:1;pointer-events:none}.hero>*{position:relative;z-index:2}.hero-content{display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;width:100%}.hero .tagline{background:linear-gradient(90deg,#fff,#18e1ff,#fff,#18e1ff,#fff);background-size:300% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientText 8s ease infinite;text-shadow:none;filter:contrast(1.1)}@media(prefers-reduced-motion:reduce){.hero .tagline{animation:none;background:var(--teal);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero .scan .btn.btn-primary{animation:none}.hero .chip:before{display:none}}.hero .scan{display:flex;flex-direction:column;gap:12px;align-items:center;width:100%;max-width:360px;margin:16px auto 0}.hero .btn.btn-primary{background:linear-gradient(135deg,var(--teal) 0%,#0ea5e9 100%);color:#000;font-weight:700;font-size:18px;padding:16px 24px;border:none;border-radius:16px;width:100%;animation:pulseGlow 2s infinite;box-shadow:0 4px 20px #18e1ff66;transition:all .3s ease}.hero .btn.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #18e1ff80}.hero .btn.btn-primary .icon{color:#000}.hero .btn.btn-secondary{background:linear-gradient(180deg,#10303b,#0e2a33);border:2px solid var(--teal);color:var(--teal);font-weight:600;font-size:16px;padding:14px 20px;border-radius:14px;width:100%;transition:all .3s ease}.hero .btn.btn-secondary:hover{background:linear-gradient(180deg,#143845,#10303b);transform:translateY(-1px);box-shadow:0 4px 16px #18e1ff33}.hero .btn.btn-secondary .icon{color:var(--teal)}.hero .btn.btn-tertiary{background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--muted);font-weight:500;font-size:14px;padding:10px 16px;border-radius:12px;width:auto;min-width:140px;transition:all .3s ease}.hero .btn.btn-tertiary:hover{border-color:#fff6;color:var(--text);background:#ffffff0d}.hero .btn.btn-primary.is-hidden{display:none}@media(max-width:640px){.hero .scan{max-width:100%;padding:0 16px}.hero .btn.btn-primary{font-size:16px;padding:14px 20px}.hero .btn.btn-secondary{font-size:15px;padding:12px 18px}}.card{transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0006;border-color:var(--teal)}.card.hero:hover,.card.banner-ad:hover{transform:none;border-color:var(--line)}.btn{transition:all .2s ease;position:relative;overflow:hidden}.btn:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff1a;border-radius:50%;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease}.btn:active:after{width:200px;height:200px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--line);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}.section-title{position:relative;padding-left:16px;margin-bottom:16px;font-family:Bebas Neue,sans-serif;font-size:24px;letter-spacing:1px}.section-title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:24px;background:var(--teal);border-radius:2px;box-shadow:0 0 8px var(--teal)}header{border-bottom:1px solid rgba(255,255,255,.05);box-shadow:0 4px 20px #0003}.pill .btn{border:1px solid transparent}.pill .btn:hover{background:#ffffff0d;border-color:#ffffff1a}.pill .btn.is-active{background:#18e1ff1a;border-color:var(--teal);color:var(--teal);box-shadow:0 0 12px #18e1ff33}@media(max-width:640px){.hero .tagline{font-size:36px}.card:hover{transform:none}}.steps-grid{display:grid;gap:20px;grid-template-columns:1fr;margin-top:16px;counter-reset:step-counter}@media(min-width:760px){.steps-grid{grid-template-columns:repeat(3,1fr)}}.step-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px 20px;background:#ffffff05;border-radius:16px;border:1px solid rgba(255,255,255,.06);transition:transform .3s ease,background .3s ease,border-color .3s ease,box-shadow .3s ease;position:relative}.step-item:hover{background:#18e1ff0a;border-color:#18e1ff33;transform:translateY(-4px);box-shadow:0 12px 28px #0000004d,0 0 0 1px #18e1ff1a}.step-item .step-cta{position:absolute;top:12px;right:12px;padding:6px 12px;border-radius:999px;border:1px solid rgba(24,225,255,.35);background:#18e1ff14;color:var(--teal);font-size:12px;font-weight:600;letter-spacing:.02em;transition:all .2s ease}.step-item .step-cta:hover{background:#18e1ff29;box-shadow:0 0 12px #18e1ff33}.step-item:hover .step-icon{transform:scale(1.1);box-shadow:0 0 24px #18e1ff80}.step-icon{width:56px;height:56px;background:linear-gradient(135deg,var(--teal),#0ea5e9);color:#000;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:16px;box-shadow:0 4px 16px #18e1ff59;transition:transform .3s ease,box-shadow .3s ease}.step-icon svg{width:26px;height:26px}.step-title{margin:0 0 10px;font-size:20px;font-weight:600;color:var(--text);letter-spacing:.3px}.step-desc{margin:0;font-size:14px;color:var(--muted);line-height:1.6;max-width:260px}.hero-tagline{font-size:clamp(28px,8vw,48px);font-weight:800;letter-spacing:.1em;color:var(--text);margin:0;background:linear-gradient(135deg,var(--text) 0%,var(--teal) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ways-grid{display:grid;gap:16px;grid-template-columns:1fr}@media(min-width:640px){.ways-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:960px){.ways-grid{grid-template-columns:repeat(3,1fr)}}.way-item{display:flex;flex-direction:column;align-items:flex-start;padding:20px;background:#ffffff05;border-radius:16px;border:1px solid rgba(255,255,255,.06);text-decoration:none;color:inherit;transition:transform .3s ease,background .3s ease,border-color .3s ease,box-shadow .3s ease}.way-item:hover{background:#18e1ff0a;border-color:#18e1ff33;transform:translateY(-4px);box-shadow:0 12px 28px #0000004d,0 0 0 1px #18e1ff1a}.way-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--teal),#0ea5e9);color:#000;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:14px;box-shadow:0 4px 12px #18e1ff4d;transition:transform .3s ease,box-shadow .3s ease}.way-icon svg{width:24px;height:24px}.way-item:hover .way-icon{transform:scale(1.1);box-shadow:0 0 20px #18e1ff80}.way-title{margin:0 0 8px;font-size:18px;font-weight:600;color:var(--text)}.way-desc{margin:0;font-size:14px;color:var(--muted);line-height:1.6}@keyframes skeletonPulse{0%,to{opacity:.4}50%{opacity:.8}}.skeleton{background:linear-gradient(90deg,var(--line) 0%,rgba(255,255,255,.08) 50%,var(--line) 100%);background-size:200% 100%;animation:skeletonPulse 1.5s ease-in-out infinite;border-radius:8px}.skeleton-row{display:flex;align-items:center;justify-content:space-between;padding:12px 10px;border-top:1px solid var(--line)}.skeleton-row:first-child{border-top:0}.skeleton-text{height:14px;border-radius:4px}.skeleton-text.lg{width:60%;height:16px}.skeleton-text.sm{width:30%;height:12px;margin-top:6px}.skeleton-badge{width:70px;height:28px;border-radius:999px}.skeleton-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden}.skeleton-card .skeleton-img{width:100%;height:160px}.skeleton-card .skeleton-body{padding:12px}.skeleton-card .skeleton-title{width:70%;height:18px;margin-bottom:10px}.skeleton-card .skeleton-meta{width:90%;height:12px;margin-bottom:12px}.skeleton-card .skeleton-btn{width:100px;height:32px;border-radius:10px}.skeleton-feed{background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden}.skeleton-feed .skeleton-thumb{width:100%;height:96px}.skeleton-feed .skeleton-body{padding:8px}.skeleton-feed .skeleton-title{width:80%;height:14px;margin-bottom:6px}.skeleton-feed .skeleton-meta{width:60%;height:10px}.list:not(:empty)~.skeleton-list,.car-grid:not(:empty)~.skeleton-grid,.feed-grid:not(:empty)~.skeleton-grid{display:none}.skeleton-list{padding:6px 6px 10px}.skeleton-grid{display:grid;gap:12px;grid-template-columns:1fr}@media(min-width:640px){.skeleton-grid.cards{grid-template-columns:1fr 1fr}}@media(min-width:980px){.skeleton-grid.cards{grid-template-columns:1fr 1fr 1fr}}.hero .meta{font-size:1.1rem;font-weight:500;letter-spacing:.02em;color:#ffffffe6;text-shadow:0 2px 8px rgba(0,0,0,.5);background:linear-gradient(90deg,rgba(24,225,255,.15) 0%,transparent 100%);padding:10px 18px;border-radius:8px;border-left:3px solid var(--teal);display:inline-block;backdrop-filter:blur(4px);animation:fadeInUp .6s ease-out .2s both}.hero .chips{animation:fadeInUp .6s ease-out .4s both;display:flex;gap:8px;flex-wrap:wrap;justify-content:center}@media(max-width:480px){.hero .chips{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:4px 0;justify-content:flex-start;width:100%;scroll-snap-type:x mandatory}.hero .chips::-webkit-scrollbar{display:none}.hero .chip{flex-shrink:0;scroll-snap-align:start}}.hero .chip{background:linear-gradient(135deg,#18e1ff1f,#18e1ff0d);border:1px solid rgba(24,225,255,.35);color:var(--teal);font-weight:500;font-size:.85rem;padding:10px 16px;text-shadow:0 1px 3px rgba(0,0,0,.3);box-shadow:0 2px 8px #18e1ff26,inset 0 1px #ffffff1a;transition:all .25s ease;position:relative;overflow:hidden}.hero .chip:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(24,225,255,.2),transparent);transform:translate(-100%);transition:transform .5s ease}.hero .chip:hover{border-color:var(--teal);background:linear-gradient(135deg,#18e1ff40,#18e1ff1a);transform:translateY(-2px);box-shadow:0 4px 16px #18e1ff40,inset 0 1px #ffffff26}.hero .chip:hover:before{transform:translate(100%)}.hero .chip:nth-child(1):after{content:"📱";margin-left:6px}.hero .chip:nth-child(2):after{content:"📖";margin-left:6px}.hero .chip:nth-child(3):after{content:"⭐";margin-left:6px}.search-results{position:absolute;top:100%;left:0;right:0;background:var(--card-bg, #1e1e1e);border:1px solid var(--border, rgba(255,255,255,.1));border-radius:8px;box-shadow:0 8px 24px #0006;max-height:240px;overflow-y:auto;z-index:1000;margin-top:4px}.search-results.hidden{display:none}.search-result-item{display:flex;align-items:center;gap:12px;padding:10px 12px;cursor:pointer;transition:background .15s;border-bottom:1px solid var(--border, rgba(255,255,255,.05))}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:var(--accent-bg, rgba(24,225,255,.1))}.search-result-thumb{width:40px;height:40px;border-radius:6px;object-fit:cover;background:var(--surface, #252525)}.search-result-info{display:flex;flex-direction:column;gap:2px;min-width:0}.search-result-name{font-weight:500;font-size:.95rem;color:var(--text-primary, #fff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result-detail{font-size:.8rem;color:var(--text-muted, rgba(255,255,255,.5));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-no-results{padding:16px;text-align:center;color:var(--text-muted, rgba(255,255,255,.5));font-size:.9rem}.selected-item{margin-top:8px}.selected-item.hidden{display:none}.selected-item-content{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;background:var(--accent-bg, rgba(24,225,255,.15));border:1px solid var(--accent, rgba(24,225,255,.3));border-radius:20px;font-size:.9rem}.selected-item-thumb{width:24px;height:24px;border-radius:4px;object-fit:cover}.selected-item-content .clear-selection{padding:2px 6px;font-size:.75rem;line-height:1;border-radius:50%;min-width:unset}.form-group{position:relative}