.app-container{width:100%;margin:0 auto;padding:16px 24px}@media (max-width: 768px){.app-container{padding:12px 16px}}.lang-dropdown{position:relative}.lang-trigger{display:inline-flex;align-items:center;gap:10px;background:transparent;color:var(--text);border:1px solid var(--border);border-radius:12px;padding:10px 14px;min-height:44px;line-height:1;font-weight:700;cursor:pointer;transition:background .2s ease}.lang-trigger:hover{background:var(--glass)}.lang-trigger img{width:20px;height:14px;border-radius:2px;display:block}.lang-menu{position:absolute;right:0;min-width:220px;padding:8px;margin:0;list-style:none;background:#f7f8fb;border:1px solid rgba(0,0,0,.08);border-radius:12px;box-shadow:0 12px 30px #00000059;z-index:50}.lang-menu-up{bottom:calc(100% + 8px);animation:slideUp .2s ease}.lang-menu-down{top:calc(100% + 8px);animation:slideDown .2s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.lang-menu button{width:100%;display:flex;align-items:center;gap:10px;background:transparent;border:none;text-align:left;cursor:pointer;border-radius:10px;padding:10px 8px;color:#0e0a20;font-weight:700;transition:background .15s ease}.lang-menu button:hover{background:#0000000f}.lang-menu img{width:20px;height:14px;border-radius:2px;display:block}.public-header{position:fixed;top:24px;right:24px;z-index:1000;display:flex;align-items:center;gap:12px;padding:8px;background:#fffffff2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:50px;box-shadow:0 4px 20px #ff4d9726;border:1px solid var(--border-light)}.header-nav-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:transparent;border:none;cursor:pointer;transition:all .3s ease;border-radius:40px;font-family:inherit;color:var(--text)}.header-nav-btn:hover{background:#ff4d971a;color:var(--primary)}.header-nav-btn svg{flex-shrink:0}.header-nav-btn span{font-size:14px;font-weight:700}.public-actions{display:flex;gap:12px;align-items:center}@media (max-width: 768px){.public-header{top:12px;right:12px}.public-actions{gap:8px}.header-nav-btn span{display:none}.header-nav-btn{padding:8px}}@media (max-width: 480px){.public-header{top:8px;right:8px}}.news-carousel-section{padding:80px 0;background:linear-gradient(180deg,rgba(159,122,234,.03) 0%,transparent 50%,rgba(255,77,151,.03) 100%)}.news-carousel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.news-section-title{font-size:clamp(1.8rem,3.5vw,2.5rem);font-weight:800;color:var(--text);letter-spacing:-.02em;margin-bottom:0;text-align:left}.btn-all-news{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:transparent;border:2px solid var(--primary);border-radius:12px;color:var(--primary);font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;font-family:inherit}.btn-all-news:hover{background:var(--primary);color:#fff;transform:translate(4px)}.news-carousel{position:relative}.carousel-container{position:relative;overflow:hidden;border-radius:24px;box-shadow:0 20px 60px #00000026}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:48px;height:48px;border-radius:50%;background:#fffffff2;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text);transition:all .3s ease;box-shadow:0 4px 20px #00000026}.carousel-arrow:hover{background:var(--primary);color:#fff;transform:translateY(-50%) scale(1.1)}.carousel-arrow-left{left:16px}.carousel-arrow-right{right:16px}.carousel-track{position:relative;height:480px}.carousel-slide{position:absolute;top:0;left:0;width:100%;height:100%;display:grid;grid-template-columns:1fr 1fr;cursor:pointer;transition:transform .5s cubic-bezier(.4,0,.2,1),opacity .5s ease;opacity:0}.carousel-slide.active{opacity:1}.slide-image{position:relative;width:100%;height:100%;overflow:hidden}.slide-image img,.slide-image video{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.carousel-slide:hover .slide-image img,.carousel-slide:hover .slide-image video{transform:scale(1.05)}.slide-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#0000001a,#0000004d)}.slide-content{background:#fffffffa;padding:48px;display:flex;flex-direction:column;justify-content:center}.slide-meta{display:flex;align-items:center;gap:16px;margin-bottom:20px}.slide-category{display:inline-block;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.category-announcement{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.category-event{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.category-update{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.category-guide{background:linear-gradient(135deg,#fa709a,#fee140);color:#fff}.slide-date{color:var(--muted);font-size:14px;font-weight:500}.slide-title{font-size:clamp(1.5rem,3vw,2.2rem);font-weight:900;color:var(--text);margin-bottom:16px;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.slide-excerpt{font-size:1rem;color:var(--text-light);line-height:1.7;margin-bottom:24px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.slide-cta{display:inline-flex;align-items:center;gap:8px;color:var(--primary);font-weight:700;font-size:15px;transition:gap .3s ease}.carousel-slide:hover .slide-cta{gap:12px}.slide-cta svg{transition:transform .3s ease}.carousel-slide:hover .slide-cta svg{transform:translate(4px)}.carousel-dots{display:flex;justify-content:center;gap:12px;margin-top:24px}.carousel-dot{width:40px;height:4px;border-radius:2px;background:var(--border);border:none;cursor:pointer;padding:0;overflow:hidden;transition:background .3s ease}.carousel-dot:hover{background:#ff4d974d}.carousel-dot.active{background:#ff4d9733}.dot-progress{display:block;width:0;height:100%;background:var(--primary);border-radius:2px;transition:width .3s ease}.carousel-dot.active .dot-progress{width:100%;animation:progressFill 5s linear}@keyframes progressFill{0%{width:0}to{width:100%}}@media (max-width: 968px){.news-carousel-section{padding:60px 0}.carousel-track{height:auto}.carousel-slide{position:relative;grid-template-columns:1fr;transform:none!important;display:none}.carousel-slide.active{display:block}.slide-image{height:240px}.slide-content{padding:32px}.carousel-arrow{width:40px;height:40px}.carousel-arrow-left{left:8px}.carousel-arrow-right{right:8px}}@media (max-width: 640px){.news-carousel-header{flex-direction:column;gap:20px;text-align:center}.news-section-title{text-align:center}.slide-image{height:200px}.slide-content{padding:24px}.slide-title{font-size:1.3rem}.slide-excerpt{font-size:.9rem;-webkit-line-clamp:2}.carousel-arrow{width:36px;height:36px}}.rarity-gem{position:relative;width:40px;height:40px;margin-left:4px;display:flex;align-items:center;justify-content:center;pointer-events:none}.rarity-gem-base{position:relative;width:35px;height:35px;border:1px solid;border-radius:10px;transform:rotate(22.5deg);display:flex;align-items:center;justify-content:center;overflow:hidden}.rarity-gem-base.is-emphasis{border-width:1.5px}.rarity-gem-gradient{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10px}.rarity-gem-facet1{position:absolute;top:0;left:0;width:20px;height:20px;border-top-left-radius:10px;transform:skew(15deg)}.rarity-gem-facet2{position:absolute;top:10px;right:0;width:15px;height:25px;border-top-right-radius:8px;border-bottom-right-radius:8px;transform:skewY(-10deg)}.rarity-gem-facet3{position:absolute;bottom:0;left:5px;width:18px;height:18px;border-bottom-left-radius:10px;transform:skew(-15deg)}.rarity-gem-highlight1{position:absolute;top:8px;left:8px;width:6px;height:6px;border-radius:50%;opacity:.9}.rarity-gem-highlight2{position:absolute;top:15px;right:10px;width:3px;height:8px;border-radius:1.5px;opacity:.7;transform:rotate(45deg)}.rarity-gem-text{position:relative;z-index:10;font-size:12px;font-weight:900;line-height:1;color:#fff;text-align:center;transform:rotate(-22.5deg)}.rarity-gem-text.is-emphasis{font-size:13px}.textured-corner-wrapper{display:flex;align-items:center;justify-content:center}.textured-corner,.corner-plain{display:block}.frontface-root{position:relative;width:100%;height:100%;border-radius:12px;overflow:hidden}.base-layer,.blend-layer,.holographic-gradient,.gem-gradient,.title-texture-layer,.effect-texture-layer{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:12px}.common-card-container{width:100%;height:100%;border-radius:12px;background-color:#2c3e50;overflow:hidden}.common-card-image-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;border-radius:12px;z-index:0}.common-card-image{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;image-rendering:-webkit-optimize-contrast;transform:translateZ(0);backface-visibility:hidden;-webkit-font-smoothing:subpixel-antialiased}.common-card-border{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:12px;border:10px solid #2c3e50;z-index:10;pointer-events:none}.common-card-frame{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.common-card-bottom-mask{position:absolute;top:70%;left:0;right:0;bottom:0;background:#2c3e50;border-bottom-left-radius:12px;border-bottom-right-radius:12px;z-index:1}.image-clip-area{position:absolute;top:0;left:0;right:0;height:70px;overflow:hidden;border-top-left-radius:12px;border-top-right-radius:12px;pointer-events:none;z-index:15}.final-card-image-slot{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;overflow:hidden}.final-card-image{width:100%;height:100%;overflow:hidden;border-radius:12px;position:absolute;top:0;left:0;object-fit:cover;object-position:top center;transition:opacity .1s ease-out;image-rendering:-webkit-optimize-contrast;transform:translateZ(0);backface-visibility:hidden;-webkit-font-smoothing:subpixel-antialiased}.final-card-image-layer{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:top center;pointer-events:none;border-radius:12px;transition:opacity .3s ease-out;image-rendering:-webkit-optimize-contrast;transform:translateZ(0);backface-visibility:hidden;-webkit-font-smoothing:subpixel-antialiased}.card-shine-texture{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:12px;opacity:.15;pointer-events:none}.texture-image{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:12px;opacity:.1}.holographic-effects{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:12px;pointer-events:none}.exclusion-blend-1{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:12px;opacity:.08;mix-blend-mode:exclusion}.hue-blend{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:12px;opacity:.12;mix-blend-mode:hue}.hard-light-blend{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:12px;opacity:.1;mix-blend-mode:hard-light}.exclusion-blend-2{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:12px;opacity:.05;mix-blend-mode:exclusion}.gradient-overlay{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:12px;opacity:.1}.holographic-gradient{border-radius:12px}.final-radial{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:12px;display:flex;justify-content:center;align-items:center;opacity:.08;pointer-events:none}.radial-circle{position:absolute;border-radius:50%}.final-radial-circle-1{width:96px;height:96px;background-color:#00000008}.final-radial-circle-2{width:192px;height:192px;background-color:#00000006}.final-radial-circle-3{width:384px;height:384px;background-color:#00000005}.final-radial-circle-4{width:768px;height:768px;background-color:#00000004}.final-radial-circle-5{width:1536px;height:1536px;background-color:#00000002}.final-shine-gradient-1,.final-shine-gradient-2{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:12px;pointer-events:none}.final-shine-gradient-1{opacity:.08}.final-shine-gradient-2{opacity:.05}.final-highlight{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:12px;background-color:#ffffff05;pointer-events:none}.rarity-four-border{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:12px;border:10px solid #2c3e50;z-index:15;pointer-events:none}.top-center-overlay{position:absolute;top:20px;left:0;right:0;z-index:25;display:flex;flex-direction:row;align-items:center;justify-content:center;pointer-events:none}.bottom-right-overlay{position:absolute;bottom:10px;right:10px;z-index:20;display:flex;flex-direction:row;align-items:center;justify-content:flex-end;pointer-events:none}.bottom-left-overlay{position:absolute;bottom:10px;left:10px;z-index:20;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;pointer-events:none}.effects-bottom-row{position:absolute;left:0;right:0;bottom:calc(22% + 20px);height:40px;z-index:25;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;pointer-events:none}.effects-bottom-row-absolute{position:absolute;left:0;right:0;bottom:17%;height:40px;z-index:25;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;pointer-events:none}.effect-bubble{position:absolute;left:0;width:36px;height:36px;border-radius:18px;background-color:#2c3e50;border:1px solid;display:flex;justify-content:center;align-items:center;overflow:hidden;box-shadow:0 1px 2px #0009}.effect-bubble-inline{position:relative;left:0;margin:0 6px}.effect-texture-layer{opacity:.18;border-radius:18px;overflow:hidden}.effect-texture-image{width:100%;height:100%;object-fit:cover}.effect-icon{width:24px;height:24px;position:relative;z-index:1}.text-box-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;height:100%;padding:4px 12px;position:relative;z-index:1}.character-name-compact{font-size:11px;font-weight:900;color:#fff;text-align:center;letter-spacing:.8px;margin-top:2px;text-transform:uppercase;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-box-separator{width:70px;height:1px;margin:4px 0}.effect-text-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;width:100%}.effect-text{font-size:12px;line-height:16px;font-weight:600;color:#fff;opacity:.95;text-align:center;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.character-name-section{display:flex;align-items:center;justify-content:center;padding:0 20px;border:1px solid;border-radius:5px;border-color:#fff3;overflow:hidden;background-color:#2c3e50;position:absolute;bottom:10px;left:10px;right:10px;height:20%;z-index:20}.character-name-section.is-common{background-color:#2c3e50f2;height:22%}.character-name-section-bottom{height:15%;width:94%;position:absolute;left:10px;right:0;bottom:9px;margin:0;padding:20px;border-radius:4px;border:2px solid}.title-texture-layer{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;opacity:.08;border-radius:0;pointer-events:none}.title-texture-image{width:100%;height:100%;object-fit:cover}.name-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 16px;position:relative;z-index:1}.name-border-top{width:80px;height:1px;margin-bottom:6px}.character-name-neon{font-size:18px;font-weight:800;color:#fff;text-align:center;letter-spacing:1px;text-transform:uppercase;margin:3px 0}.anime-name-sub{font-size:11px;font-weight:600;color:#ffffffb3;text-align:center;letter-spacing:.5px;margin-top:2px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.name-decorative-lines{display:flex;flex-direction:row;justify-content:space-between;width:100px;margin:3px 0}.decorative-line{width:16px;height:1px;background-color:#fff;opacity:.6}.name-border-bottom{width:45px;height:1px;margin-top:4px}.gem-container{width:40px;height:40px;margin-left:4px;display:flex;justify-content:center;align-items:center;position:relative}.rare-gem-emphasis{transform:scale(1.06)}.gem-base{width:35px;height:35px;border:1px solid;border-radius:10px;transform:rotate(22.5deg);display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;background-color:#2c3e50f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.rare-gem-base-emphasis{border-width:1.5px}.gem-gradient{border-radius:10px}.gem-facet-1{position:absolute;top:0;left:0;width:20px;height:20px;border-top-left-radius:10px;transform:skew(15deg)}.gem-facet-2{position:absolute;top:10px;right:0;width:15px;height:25px;border-top-right-radius:8px;border-bottom-right-radius:8px;transform:skewY(-10deg)}.gem-facet-3{position:absolute;bottom:0;left:5px;width:18px;height:18px;border-bottom-left-radius:10px;transform:skew(-15deg)}.gem-highlight-1{position:absolute;top:8px;left:8px;width:6px;height:6px;border-radius:3px;opacity:.9}.gem-highlight-2{position:absolute;top:15px;right:10px;width:3px;height:8px;border-radius:1.5px;opacity:.7;transform:rotate(45deg)}.rarity-text-gem{font-size:12px;font-weight:900;text-align:center;transform:rotate(-22.5deg);z-index:10;position:relative}.rare-rarity-text-emphasis{font-size:11px;font-weight:900}.foil-star-inline{opacity:.95;filter:drop-shadow(0 0 8px rgba(255,215,0,.8));animation:starPulse 2s ease-in-out infinite}@keyframes starPulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.frontface-root{animation:cardFadeIn .4s ease-out}.decorative-corner-container{transition:all .3s ease}.decorative-corner-container img{width:100%;height:100%;object-fit:contain}.card-web-container{width:320px;height:448px;position:relative;touch-action:none}.card-web-inner{width:100%;height:100%;position:relative;box-shadow:0 8px 32px #0006;border-radius:12px}.card-web-face{width:100%;height:100%;border-radius:12px;overflow:hidden;position:absolute;top:0;left:0}.card-web-front{background-color:transparent;backface-visibility:hidden}.card-web-front-image{width:100%;height:100%;object-fit:cover}.card-web-foil-canvas{display:block;width:100%;height:100%}.foil-showcase{position:relative;padding:90px 0 100px;overflow:hidden;background:radial-gradient(circle at 15% 20%,rgba(255,77,151,.12) 0%,transparent 55%),radial-gradient(circle at 85% 80%,rgba(159,122,234,.12) 0%,transparent 55%)}.foil-showcase:before{content:"";position:absolute;top:50%;left:50%;width:min(760px,90vw);height:min(760px,90vw);transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,255,255,.55) 0%,transparent 62%);pointer-events:none}.foil-showcase .container{position:relative;z-index:1}.foil-showcase-stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:520px;outline:none}.foil-showcase-stage:focus-visible{outline:2px solid var(--primary);outline-offset:12px;border-radius:24px}.foil-showcase-track{position:relative;width:320px;height:448px}.foil-showcase-slot{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:flat;transition:transform .55s cubic-bezier(.22,.68,.35,1),filter .55s ease;will-change:transform}.foil-showcase-slot .foil-showcase-card{width:100%;height:100%}.foil-showcase-slot:not(.is-active) .foil-showcase-card{cursor:pointer;filter:brightness(.72) saturate(.85);transition:filter .35s ease}.foil-showcase-slot:not(.is-active) .foil-showcase-card:hover{filter:brightness(.9) saturate(.95)}.foil-showcase-slot:not(.is-active) .card-web-container{pointer-events:none}.foil-showcase-slot.is-active .card-web-inner{box-shadow:0 18px 60px #00000059,0 0 42px #ffffff2e}.foil-showcase-controls{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:26px}.foil-showcase-arrow{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border:1px solid var(--border);border-radius:50%;background:var(--glass-white);color:var(--primary2);cursor:pointer;box-shadow:0 6px 20px #ff4d972e;transition:transform .25s ease,background .25s ease,box-shadow .25s ease}.foil-showcase-arrow:hover{background:#fff;transform:scale(1.08);box-shadow:0 10px 28px #ff4d9747}.foil-showcase-arrow:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.foil-showcase-caption{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:44px;text-align:center}.foil-showcase-rarity{display:inline-flex;align-items:center;justify-content:center;min-width:56px;padding:3px 12px;border:1px solid currentColor;border-radius:999px;font-size:.85rem;font-weight:800;letter-spacing:.08em;background:#ffffffbf}.foil-showcase-character{font-size:1.5rem;font-weight:800;color:var(--text);letter-spacing:-.01em}.foil-showcase-anime{font-size:1rem;font-weight:500;color:var(--text-light)}.foil-showcase-hint{margin-top:14px;text-align:center;font-size:.92rem;color:var(--muted)}.foil-showcase-dots{display:flex;justify-content:center;gap:10px}.foil-showcase-dot{width:10px;height:10px;padding:0;border:none;border-radius:50%;background:var(--primary-light);cursor:pointer;transition:transform .25s ease,background .25s ease,width .25s ease}.foil-showcase-dot:hover{background:var(--primary)}.foil-showcase-dot.is-active{width:28px;border-radius:999px;background:var(--primary2)}.foil-showcase-dot:focus-visible{outline:2px solid var(--primary);outline-offset:3px}@media (max-width: 900px){.foil-showcase-stage{min-height:470px}.foil-showcase-track{transform:scale(.85)}.foil-showcase-arrow{width:44px;height:44px}}@media (max-width: 600px){.foil-showcase{padding:56px 0 64px}.foil-showcase-slot:not(.is-active){display:none}.foil-showcase-track{transform:scale(min(1,(100vw - 48px) / 320));transform-origin:center center}.foil-showcase-stage{min-height:calc(448px*min(1,(100vw - 48px) / 320) + 24px)}.foil-showcase-arrow{width:42px;height:42px}.foil-showcase-controls{gap:18px}.foil-showcase-character{font-size:1.25rem}.foil-showcase-hint{display:none}}@media (hover: none){.foil-showcase-hint{display:none}}@media (prefers-reduced-motion: reduce){.foil-showcase-slot,.foil-showcase-arrow,.foil-showcase-dot,.foil-showcase-card{transition:none}}.home-page{min-height:100vh;width:100%}.container{max-width:1200px;margin:0 auto;padding:0 24px}.hero-section{position:relative;min-height:90vh;display:flex;align-items:center;overflow:hidden;padding:120px 0 80px}.hero-background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 30%,rgba(255,77,151,.2) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(255,179,217,.2) 0%,transparent 50%);animation:gradientShift 10s ease-in-out infinite alternate}@keyframes gradientShift{0%{opacity:.8;transform:scale(1)}to{opacity:1;transform:scale(1.1)}}.hero-particles{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(2px 2px at 20% 30%,rgba(255,255,255,.2),transparent),radial-gradient(2px 2px at 60% 70%,rgba(255,255,255,.15),transparent),radial-gradient(1px 1px at 50% 50%,rgba(255,255,255,.1),transparent),radial-gradient(1px 1px at 80% 10%,rgba(255,255,255,.15),transparent);background-size:200px 200px,300px 300px,250px 250px,350px 350px;background-position:0 0,40px 60px,130px 270px,70px 100px;animation:particlesFloat 20s linear infinite}@keyframes particlesFloat{0%{background-position:0 0,40px 60px,130px 270px,70px 100px}to{background-position:200px 200px,240px 260px,330px 470px,270px 300px}}.hero-content{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.hero-text{animation:slideInLeft .8s ease-out}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}.hero-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:900;line-height:1.1;margin-bottom:24px;letter-spacing:-.02em;color:var(--text)}.gradient-text{background:linear-gradient(135deg,#ff1f7e,#ff4d97,#e6ac00);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradientFlow 5s ease infinite;filter:drop-shadow(0 2px 4px rgba(255,77,151,.2))}@keyframes gradientFlow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.hero-subtitle{font-size:clamp(1.1rem,2vw,1.3rem);color:var(--text-light);margin-bottom:32px;line-height:1.6;font-weight:500}.hero-cta{display:flex;gap:16px;margin-bottom:48px;flex-wrap:wrap}.btn-hero{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;border-radius:12px;font-size:16px;font-weight:700;text-decoration:none;transition:all .3s ease;cursor:pointer;border:none;font-family:inherit}.btn-download{background:linear-gradient(135deg,#9f7aea,#7b5cff);color:#fff;box-shadow:0 8px 24px #9f7aea66}.btn-download:hover{transform:translateY(-2px);box-shadow:0 12px 32px #9f7aea99}.btn-discord{background:#5865f2;color:#fff;box-shadow:0 8px 24px #5865f24d}.btn-discord:hover{transform:translateY(-2px);box-shadow:0 12px 32px #5865f280}.hero-stats{display:flex;gap:32px;flex-wrap:wrap}.stat-item{text-align:center}.stat-value{font-size:2rem;font-weight:900;background:linear-gradient(135deg,var(--primary),var(--gold));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:4px}.stat-label{font-size:.9rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.hero-visual{display:flex;justify-content:center;align-items:center;animation:slideInRight .8s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.phone-mockup{width:280px;height:560px;background:linear-gradient(135deg,#9f7aea1a,#ff4d971a);border-radius:32px;border:2px solid var(--border);padding:12px;box-shadow:0 20px 60px #0006;animation:floatPhone 3s ease-in-out infinite}@keyframes floatPhone{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.phone-screen{width:100%;height:100%;background:var(--bg);border-radius:24px;overflow:hidden}.features-overview{padding:100px 0;position:relative}.home-section-title{text-align:center;font-size:clamp(1.8rem,3.5vw,2.5rem);font-weight:800;margin-bottom:20px;color:var(--text);letter-spacing:-.02em}.section-subtitle{text-align:center;font-size:1.2rem;color:var(--text-light);margin-bottom:60px;max-width:600px;margin-left:auto;margin-right:auto;font-weight:500}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}.feature-card{background:#ffffffe6;border:1px solid var(--border);border-radius:16px;padding:32px;cursor:pointer;transition:all .3s ease;text-align:center}.feature-card:hover{transform:translateY(-8px);background:#fff;box-shadow:0 12px 32px #ff4d9740;border-color:var(--primary)}.feature-icon{width:72px;height:72px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary),var(--primary2));border-radius:16px;color:#fff;transition:transform .3s ease}.feature-card:hover .feature-icon{transform:scale(1.1) rotate(5deg)}.feature-card h3{font-size:1.4rem;font-weight:800;margin-bottom:12px;color:var(--text);text-shadow:0 1px 3px rgba(0,0,0,.05)}.feature-card p{color:var(--text-light);line-height:1.6}.app-feature{padding:100px 0;position:relative;overflow:hidden}.app-feature:before{content:"";position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(159,122,234,.08) 0%,transparent 70%);z-index:0}.app-feature.left:before{left:-300px;top:50%;transform:translateY(-50%)}.app-feature.right:before{right:-300px;top:50%;transform:translateY(-50%)}.feature-content{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.app-feature.right .feature-content{grid-template-columns:1fr 1fr}.feature-text{animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.feature-label{display:inline-block;padding:10px 20px;background:linear-gradient(135deg,#7b3ff2,#ff1f7e);border-radius:24px;font-size:.85rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:20px;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5);box-shadow:0 4px 16px #7b3ff280;border:1px solid rgba(255,255,255,.3)}.feature-text h2{font-size:clamp(1.8rem,3vw,2.5rem);font-weight:900;margin-bottom:20px;line-height:1.2;color:var(--text);text-shadow:0 2px 8px rgba(255,77,151,.15)}.feature-text p{font-size:1.1rem;color:var(--muted);line-height:1.7;margin-bottom:28px}.feature-list{list-style:none;padding:0}.feature-list li{padding:12px 0 12px 32px;position:relative;color:var(--text);font-size:1rem;line-height:1.5}.feature-list li:before{content:"✓";position:absolute;left:0;color:var(--gold);font-weight:900;font-size:1.2rem}.feature-media{animation:fadeInUp .6s ease-out .2s backwards}.feature-video{width:60%;max-width:300px;height:auto;border-radius:20px;box-shadow:0 12px 48px #ff4d9733;border:1px solid var(--border);transition:all .3s ease;margin:0 auto;display:block}.feature-video:hover{transform:scale(1.02);box-shadow:0 16px 64px #ff4d974d}.media-placeholder{background:var(--glass);border:2px dashed var(--border);border-radius:20px;padding:80px 40px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px;transition:all .3s ease}.media-placeholder:hover{border-color:var(--primary);background:#9f7aea0d;transform:scale(1.02)}.media-placeholder svg{color:var(--muted);opacity:.5}.media-placeholder p{font-weight:700;font-size:1.1rem;color:var(--text);margin:0}.media-placeholder span{font-size:.9rem;color:var(--muted)}.website-features{padding:100px 0;background:linear-gradient(180deg,transparent,rgba(159,122,234,.03),transparent)}.website-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}.website-feature-card{background:#ffffffe6;border:1px solid var(--border);border-radius:16px;padding:28px;cursor:pointer;transition:all .3s ease;text-align:center}.website-feature-card:hover{transform:translateY(-4px);background:#fff;border-color:var(--primary);box-shadow:0 8px 24px #ff4d9733}.wf-icon{width:64px;height:64px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary),var(--primary2));border-radius:12px;color:#fff}.website-feature-card:hover .wf-icon{transform:scale(1.1)}.website-feature-card h3{font-size:1.2rem;font-weight:800;margin-bottom:12px;color:var(--text);text-shadow:0 1px 3px rgba(0,0,0,.05)}.website-feature-card p{color:var(--text-light);line-height:1.5;font-size:.95rem}.community-section{padding:100px 0}.community-content{margin-top:60px}.community-cta{text-align:center;max-width:600px;margin:0 auto}.community-cta p{font-size:1.1rem;color:var(--muted);line-height:1.7;margin-bottom:32px}.btn-community{display:inline-flex;align-items:center;gap:12px;padding:16px 40px;background:#5865f2;color:#fff;border-radius:12px;font-size:1.1rem;font-weight:700;text-decoration:none;transition:all .3s ease;border:none;cursor:pointer;font-family:inherit}.btn-community:hover{transform:translateY(-2px);box-shadow:0 12px 32px #5865f266}.faq-section{padding:100px 0}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:60px}.faq-item{background:#ffffffe6;border:1px solid var(--border);border-radius:16px;padding:28px;transition:all .3s ease}.faq-item:hover{border-color:var(--primary);background:#fff;box-shadow:0 8px 24px #ff4d9726}.faq-item h3{font-size:1.1rem;font-weight:800;margin-bottom:12px;color:var(--primary);text-shadow:0 1px 3px rgba(255,77,151,.2)}.faq-item p{color:var(--text-light);line-height:1.6;font-size:.95rem}.final-cta{padding:100px 0;text-align:center;background:linear-gradient(135deg,#9f7aea1a,#ff4d971a);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.final-cta h2{font-size:clamp(2rem,4vw,3rem);font-weight:900;margin-bottom:16px;color:var(--text);text-shadow:0 2px 8px rgba(255,77,151,.15)}.final-cta p{font-size:1.2rem;color:var(--muted);margin-bottom:40px}.final-cta-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.btn-final-cta{display:inline-flex;align-items:center;gap:10px;padding:18px 36px;border-radius:12px;font-size:1.1rem;font-weight:700;text-decoration:none;transition:all .3s ease;cursor:pointer;border:none;font-family:inherit}.btn-final-cta.btn-secondary{background:var(--glass);border:2px solid var(--border);color:var(--text)}.btn-final-cta.btn-secondary:hover{background:#ffffff1a;border-color:var(--primary);transform:translateY(-2px)}.home-footer{padding:60px 0 30px;background:#0003}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;margin-bottom:40px}.footer-section h3{font-size:1.5rem;font-weight:900;margin-bottom:12px;color:var(--text);text-shadow:0 2px 8px rgba(255,77,151,.15)}.footer-section h4{font-size:1rem;font-weight:800;margin-bottom:16px;color:var(--text);text-transform:uppercase;letter-spacing:.05em}.footer-section p{color:var(--muted);line-height:1.6;font-size:.95rem}.footer-section ul{list-style:none;padding:0}.footer-section li{margin-bottom:12px}.footer-section a,.footer-section button{color:var(--muted);text-decoration:none;transition:color .2s ease;background:none;border:none;padding:0;font-size:.95rem;cursor:pointer;font-family:inherit;text-align:left}.footer-section a:hover,.footer-section button:hover{color:var(--primary)}.footer-bottom{text-align:center;padding-top:30px;border-top:1px solid var(--border);color:var(--muted);font-size:.9rem}@media (max-width: 968px){.hero-content,.feature-content{grid-template-columns:1fr;gap:40px}.app-feature.right .feature-content{grid-template-columns:1fr}.feature-text{order:1}.feature-media{order:2}.hero-section{padding:100px 0 60px}.phone-mockup{width:240px;height:480px}.hero-stats{justify-content:center}.features-grid,.website-features-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.community-stats{grid-template-columns:1fr}}@media (max-width: 640px){.hero-cta{flex-direction:column}.btn-hero{width:100%;justify-content:center}.hero-stats{width:100%;justify-content:space-around}.stat-item{flex:1}.features-grid,.website-features-grid,.faq-grid{grid-template-columns:1fr}.final-cta-buttons{flex-direction:column}.btn-final-cta{width:100%;justify-content:center}.footer-content{grid-template-columns:1fr;gap:32px}}.fade-in-section{opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}.fade-in-section.is-visible{opacity:1;transform:translateY(0)}:root{--bg: #fef5f8;--bg2: #fff0f5;--text: #2d1820;--text-light: #5a3a45;--muted: #8a6a75;--primary: #ff4d97;--primary2: #ff1f7e;--primary-light: #ffb3d9;--accent: #ffd1e3;--glass: rgba(255, 77, 151, .08);--glass-white: rgba(255, 255, 255, .9);--border: rgba(255, 77, 151, .15);--border-light: rgba(255, 77, 151, .1);--success: #48bb78;--warning: #f6ad55;--error: #ff6b6b;--gold: #FFD700;--rainbow-start: rgba(255, 119, 115, .3);--rainbow-yellow: rgba(255, 237, 95, .3);--rainbow-green: rgba(168, 255, 95, .3);--rainbow-cyan: rgba(131, 255, 247, .3);--rainbow-blue: rgba(120, 148, 255, .3);--rainbow-purple: rgba(216, 117, 255, .3);--toast-bg: rgba(15, 20, 35, .98);--toast-bg-hex: #0f1423;--toast-success: #4ade80;--toast-error: #f87171;--toast-info: #60a5fa;--toast-warning: #fbbf24;--purple: #9f7aea;--purple-dark: #7b5cff;--purple-glass: rgba(159, 122, 234, .1);--purple-glass-subtle: rgba(159, 122, 234, .05);--delete: #f56565;--delete-light: #fc8181;--modal-danger-bg: #2a1a1d;--modal-danger-bg-dark: #1f1416;--modal-danger-border: rgba(220, 53, 69, .3);--modal-danger-text: #ff6b6b;--modal-danger-text-hover: #ff8787;--modal-warning-bg: #2a2416;--modal-warning-bg-dark: #1f1b10;--modal-warning-border: rgba(255, 193, 7, .3);--modal-warning-text: #ffc107;--modal-success-bg: #1a2a1d;--modal-success-bg-dark: #141f16;--modal-success-border: rgba(40, 167, 69, .3);--modal-success-text: #69db7c;--corner-accent: #4caf50;--corner-accent-glass: rgba(76, 175, 80, .1);--corner-accent-glass-subtle: rgba(76, 175, 80, .03);--submit-success: #10b981;--submit-success-dark: #059669;--submit-success-fill: #d1fae5;--submit-success-label: #065f46;--submit-success-value: #047857;--submit-success-bg: #f0fdf4;--submit-success-bg-dark: #dcfce7;--submit-success-border: #86efac;--indigo: #4f46e5;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-500: #6b7280;--gray-600: #4b5563;--gray-900: #1f2937;--info-bg: #eff6ff;--info-bg-alt: #f0f9ff;--info-border: #bfdbfe;--info-text: #1e40af;--amber-100: #fef3c7;--amber-200: #fde68a;--nav-active: #7b5cff;--font-xs: 11px;--font-sm: 12px;--font-base: 14px;--font-md: 15px;--font-lg: 16px;--font-xl: 18px;--font-2xl: 20px;--font-3xl: 24px;--font-4xl: 28px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-weight-black: 900;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--shadow-sm: 0 2px 8px rgba(0,0,0,.1);--shadow-md: 0 4px 16px rgba(0,0,0,.15);--shadow-lg: 0 8px 24px rgba(0,0,0,.2);--shadow-xl: 0 12px 32px rgba(0,0,0,.3);--shadow-primary-sm: 0 4px 16px rgba(255,77,151,.2);--shadow-primary-md: 0 8px 20px rgba(255,77,151,.3);--shadow-purple-sm: 0 4px 12px rgba(159,122,234,.3);--transition-fast: .2s ease;--transition-base: .3s ease;--transition-smooth: .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;overflow-x:hidden}#root{height:100%;width:100%}body{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;font-weight:500;line-height:1.6;color:var(--text-light);background:radial-gradient(1200px 800px at 20% 10%,rgba(255,77,151,.08) 0%,transparent 60%),radial-gradient(1000px 700px at 90% 20%,rgba(255,179,217,.12) 0%,transparent 60%),linear-gradient(160deg,var(--bg),var(--bg2));background-attachment:fixed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{color:var(--text);font-weight:700;line-height:1.3}a{color:var(--primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--primary2)}strong,b{font-weight:700;color:var(--text)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#ff4d970d}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:5px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--primary2);border:2px solid transparent;background-clip:padding-box}*{scrollbar-width:thin;scrollbar-color:var(--primary) rgba(0,0,0,.2)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.spinning{animation:spin 1s linear infinite}.fade-in{animation:fadeIn .3s ease-in}.slide-in-up{animation:slideInUp .3s ease-out}