@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@500;700;900&family=Noto+Sans+JP:wght@400;500;700&display=swap";:root{--bg-primary: #070913;--bg-secondary: #0c0f20;--bg-card: rgba(18, 22, 43, .7);--bg-card-hover: rgba(26, 32, 64, .85);--border-color: rgba(255, 255, 255, .08);--border-hover: rgba(59, 130, 246, .4);--text-primary: #f3f4f6;--text-secondary: #9ca3af;--text-muted: #6b7280;--accent-blue: #3b82f6;--accent-indigo: #4f46e5;--accent-sky: #0ea5e9;--accent-emerald: #10b981;--accent-rose: #f43f5e;--accent-amber: #f59e0b;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-heading: "Outfit", var(--font-sans);--font-japanese: "Noto Sans JP", sans-serif;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .1);--shadow-md: 0 4px 16px rgba(0, 0, 0, .15);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .2);--shadow-glow-blue: 0 0 20px rgba(59, 130, 246, .3);--transition-fast: .15s ease;--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--z-dropdown: 1000;--z-sticky: 1020;--z-overlay: 1030;--z-modal: 1040;--z-toast: 1050;--breakpoint-mobile: 768px;--breakpoint-tablet: 1024px;--breakpoint-desktop: 1280px}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);line-height:1.5;overflow-x:hidden;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;letter-spacing:-.02em}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.glass{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 8px 32px #0000005e;transition:border-color var(--transition-normal),transform var(--transition-normal),box-shadow var(--transition-normal)}.glass:hover{border-color:var(--border-hover);box-shadow:0 12px 40px #3b82f626}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;font-family:var(--font-sans);font-weight:600;font-size:14px;border-radius:12px;border:1px solid transparent;cursor:pointer;transition:all var(--transition-normal)}.btn-primary{background:linear-gradient(135deg,var(--accent-indigo) 0%,var(--accent-blue) 100%);color:#fff;box-shadow:0 4px 20px #4f46e54d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #4f46e573;background:linear-gradient(135deg,#5a52e6,#4890f7)}.btn-secondary{background:#ffffff0d;border-color:var(--border-color);color:var(--text-primary)}.btn-secondary:hover{background:#ffffff1a;border-color:var(--border-hover)}.btn-text{background:transparent;color:var(--text-secondary)}.btn-text:hover{color:var(--text-primary)}.form-group{margin-bottom:20px}.form-label{display:block;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em}.form-input{width:100%;padding:12px 16px;background:#ffffff08;border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-family:var(--font-sans);font-size:15px;transition:all var(--transition-fast)}.form-input:focus{outline:none;background:#ffffff0d;border-color:var(--accent-blue);box-shadow:0 0 0 3px #3b82f626}:focus-visible{outline:2px solid var(--accent-sky, #38bdf8);outline-offset:2px}button:focus:not(:focus-visible),a:focus:not(:focus-visible){outline:none}.btn:focus-visible,.channel-tab:focus-visible,.modal-close-btn:focus-visible{outline:2px solid var(--accent-sky, #38bdf8);outline-offset:3px}.glow-bg{position:absolute;width:500px;height:500px;background:radial-gradient(circle,#3b82f614,#4f46e508 50%,#07091300 70%);border-radius:50%;pointer-events:none;z-index:0}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes pulse-glow{0%{box-shadow:0 0 #3b82f666}70%{box-shadow:0 0 0 10px #3b82f600}to{box-shadow:0 0 #3b82f600}}.animate-float{animation:float 6s ease-in-out infinite}.animate-pulse-glow{animation:pulse-glow 2s infinite}.flex-center{display:flex;align-items:center;justify-content:center}.grid-cols-2{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}@media(max-width:768px){.grid-cols-2{grid-template-columns:1fr;gap:24px}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.hover-lift{transition:transform var(--transition-normal)}.hover-lift:hover{transform:translateY(-4px)}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton{background:linear-gradient(90deg,#ffffff08,#ffffff14,#ffffff08);background-size:2000px 100%;animation:shimmer 2s infinite}.animated-section{opacity:0;transition:opacity .6s ease,transform .6s ease}.animated-section.visible{opacity:1}.animated-section.fadeUp{transform:translateY(30px)}.animated-section.fadeUp.visible{transform:translateY(0)}.animated-section.fadeDown{transform:translateY(-30px)}.animated-section.fadeDown.visible{transform:translateY(0)}.animated-section.fadeLeft{transform:translate(30px)}.animated-section.fadeLeft.visible{transform:translate(0)}.animated-section.fadeRight{transform:translate(-30px)}.animated-section.fadeRight.visible{transform:translate(0)}@media(prefers-reduced-motion:reduce){.animated-section{opacity:1!important;transform:none!important;transition:none!important}}.portal-navbar{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:var(--z-sticky);width:100%}.navbar-content{display:flex;align-items:center;justify-content:space-between;height:70px;gap:32px}.navbar-logo{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:20px;font-weight:800;color:#fff;transition:opacity var(--transition-fast)}.navbar-logo:hover{opacity:.8}.logo-text{background:linear-gradient(135deg,var(--accent-blue),var(--accent-indigo));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar-links{display:flex;align-items:center;gap:8px;flex:1}.nav-link{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:10px;color:var(--text-secondary);text-decoration:none;font-size:14px;font-weight:600;transition:all var(--transition-fast);white-space:nowrap}.nav-link:hover{background:#ffffff0d;color:#fff}.nav-link.active{background:#4f46e526;color:var(--accent-indigo)}.nav-exercises-group{position:relative}.nav-exercises-trigger{cursor:pointer}.exercises-dropdown{position:absolute;top:calc(100% + 8px);left:0;background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:12px;padding:8px;min-width:140px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all var(--transition-fast);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown)}.nav-exercises-group:hover .exercises-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.exercise-link{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:8px;color:var(--text-secondary);text-decoration:none;font-size:14px;font-weight:600;transition:all var(--transition-fast);border-left:3px solid transparent}.exercise-link:hover{background:#ffffff0d;color:#fff;border-left-color:var(--exercise-color)}.exercise-link.active{background:#ffffff14;color:var(--exercise-color);border-left-color:var(--exercise-color)}.navbar-right{display:flex;align-items:center;gap:16px}.streak-indicator{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);border-radius:10px;cursor:default}.streak-count{font-size:14px;font-weight:700;color:var(--accent-amber)}.pro-badge{display:flex;align-items:center;gap:4px;padding:6px 12px;background:linear-gradient(135deg,#f59e0b33,#fbbf2433);border:1px solid rgba(245,158,11,.3);border-radius:8px;color:var(--accent-amber);font-size:12px;font-weight:700;letter-spacing:.5px}.mobile-menu-button{display:none;background:none;border:none;color:#fff;cursor:pointer;padding:8px;transition:opacity var(--transition-fast)}.mobile-menu-button:hover{opacity:.7}.mobile-overlay{display:none;position:fixed;top:70px;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-overlay);animation:fade-in .2s ease-out}.mobile-menu{display:none;position:fixed;top:70px;right:0;bottom:0;width:300px;max-width:85vw;background:var(--bg-elevated);border-left:1px solid var(--border-color);z-index:var(--z-modal);animation:slide-in-right .3s ease-out;overflow-y:auto}.mobile-menu-content{padding:24px;display:flex;flex-direction:column;gap:24px}.mobile-nav-section{display:flex;flex-direction:column;gap:4px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.mobile-nav-section:last-child{border-bottom:none;padding-bottom:0}.mobile-section-title{display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.mobile-nav-link{display:flex;align-items:center;gap:12px;padding:14px 12px;border-radius:10px;color:var(--text-secondary);text-decoration:none;font-size:15px;font-weight:600;transition:all var(--transition-fast)}.mobile-nav-link:hover{background:#ffffff0d;color:#fff}.mobile-nav-link.active{background:#4f46e526;color:var(--accent-indigo)}.mobile-exercise-link{padding-left:24px;position:relative}.mobile-exercise-link.active{background:#ffffff14;color:var(--exercise-color)}.exercise-bullet{position:absolute;left:12px;width:6px;height:6px;border-radius:50%;background:var(--exercise-color, var(--text-muted))}.mobile-stats{display:flex;gap:12px;padding:16px;background:#ffffff08;border-radius:12px}.mobile-stat{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);border-radius:8px;font-size:14px;font-weight:700;color:var(--accent-amber);flex:1;justify-content:center}.mobile-stat.pro{background:linear-gradient(135deg,#f59e0b33,#fbbf2433)}@media(max-width:768px){.desktop-only{display:none!important}.mobile-only{display:flex!important}.mobile-overlay,.mobile-menu{display:block}.navbar-content{height:60px}.navbar-right{gap:12px}.streak-indicator{padding:6px 10px}.streak-count{font-size:13px}.pro-badge{padding:4px 8px;font-size:11px}}@media(min-width:769px){.mobile-only{display:none!important}.desktop-only{display:flex!important}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}@media(prefers-reduced-motion:reduce){.mobile-overlay,.mobile-menu{animation:none}.exercises-dropdown{transition:none}}.footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:64px 0 32px;margin-top:80px}.footer-container{display:flex;flex-direction:column;gap:48px}.footer-columns{display:grid;grid-template-columns:repeat(4,1fr);gap:48px}.footer-column{display:flex;flex-direction:column;gap:20px}.footer-column-title{font-size:16px;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.footer-links{list-style:none;display:flex;flex-direction:column;gap:12px}.footer-link{font-size:14px;color:var(--text-secondary);transition:color var(--transition-fast);display:inline-block}.footer-link:hover{color:var(--accent-blue)}.footer-social{display:flex;gap:12px}.footer-social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);background:#ffffff0d;border:1px solid var(--border-color);color:var(--text-secondary);transition:all var(--transition-normal)}.footer-social-link:hover{background:#3b82f61a;border-color:var(--accent-blue);color:var(--accent-blue);transform:translateY(-2px)}.footer-email{font-size:14px;color:var(--text-secondary);transition:color var(--transition-fast);word-break:break-word}.footer-email:hover{color:var(--accent-blue)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:32px;border-top:1px solid var(--border-color)}.footer-copyright{font-size:13px;color:var(--text-muted)}.footer-back-to-top{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#ffffff0d;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:all var(--transition-normal)}.footer-back-to-top:hover{background:#3b82f61a;border-color:var(--accent-blue);color:var(--accent-blue);transform:translateY(-2px)}@media(max-width:1024px){.footer-columns{grid-template-columns:repeat(2,1fr);gap:40px}}@media(max-width:768px){.footer{padding:48px 0 24px;margin-top:60px}.footer-container{gap:40px}.footer-columns{grid-template-columns:1fr;gap:32px}.footer-column{gap:16px}.footer-column-title{font-size:15px}.footer-bottom{flex-direction:column;gap:20px;padding-top:24px}.footer-copyright{text-align:center}.footer-back-to-top{width:100%;justify-content:center}}@media(max-width:480px){.footer{padding:40px 0 20px}.footer-column-title{font-size:14px}.footer-link{font-size:13px}.footer-social-link{width:36px;height:36px}.footer-email{font-size:13px}.footer-copyright{font-size:12px}}.hero-section{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:80px 0;overflow:hidden}.hero-container{position:relative;z-index:1}.hero-content{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:900px;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#4f46e526;border:1px solid rgba(79,70,229,.3);border-radius:var(--radius-full);color:var(--accent-indigo);font-size:14px;font-weight:600;margin-bottom:32px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero-headline{font-size:64px;font-weight:900;line-height:1.1;letter-spacing:-.03em;margin-bottom:24px;background:linear-gradient(135deg,#fff,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subheadline{font-size:20px;line-height:1.6;color:var(--text-secondary);max-width:700px;margin-bottom:40px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hero-cta-buttons{display:flex;gap:16px;margin-bottom:64px;flex-wrap:wrap;justify-content:center}.btn-large{padding:16px 32px;font-size:16px;min-width:180px}.hero-social-proof{display:flex;align-items:center;gap:32px;padding:24px 40px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.metric{display:flex;flex-direction:column;align-items:center;gap:4px}.metric-value{font-size:32px;font-weight:700;font-family:var(--font-heading);color:var(--text-primary);line-height:1}.metric-label{font-size:13px;color:var(--text-secondary);text-align:center;max-width:120px}.metric-divider{width:1px;height:40px;background:var(--border-color)}@media(max-width:1024px){.hero-headline{font-size:56px}.hero-subheadline{font-size:18px}}@media(max-width:768px){.hero-section{min-height:auto;padding:60px 0}.hero-headline{font-size:48px}.hero-subheadline{font-size:16px;max-width:100%}.hero-cta-buttons{flex-direction:column;width:100%;max-width:320px}.btn-large{width:100%}.hero-social-proof{flex-direction:column;gap:24px;padding:24px 20px}.metric-divider{width:60px;height:1px}.metric-value{font-size:28px}.metric-label{font-size:12px}}@media(max-width:480px){.hero-headline{font-size:40px}.hero-badge{font-size:12px;padding:6px 12px}}.features-section{padding:80px 0;position:relative;border-top:1px solid var(--border-color);background:#0c0f2080}.features-header{text-align:center;margin-bottom:64px;max-width:700px;margin-left:auto;margin-right:auto}.features-title{font-size:40px;font-weight:800;margin-bottom:16px;line-height:1.2}.features-subtitle{font-size:18px;color:var(--text-secondary);line-height:1.6}.feature-groups{display:flex;flex-direction:column;gap:64px}.feature-group{display:flex;flex-direction:column;gap:32px}.feature-group-title{font-size:28px;font-weight:700;color:var(--accent-blue);text-align:center;position:relative;padding-bottom:16px}.feature-group-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,var(--accent-indigo),var(--accent-blue));border-radius:var(--radius-full)}.feature-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.feature-card{padding:32px;display:flex;flex-direction:column;align-items:flex-start;gap:16px;min-height:220px}.feature-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-md);background:#3b82f61a;color:var(--accent-blue);transition:all var(--transition-normal)}.feature-card:hover .feature-icon{background:#3b82f633;transform:scale(1.1)}.feature-title{font-size:20px;font-weight:700;color:var(--text-primary);line-height:1.3}.feature-description{font-size:15px;color:var(--text-secondary);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:1024px){.features-title{font-size:36px}.feature-group-title{font-size:24px}.feature-cards{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}}@media(max-width:768px){.features-section{padding:60px 0}.features-header{margin-bottom:48px}.features-title{font-size:32px}.features-subtitle{font-size:16px}.feature-groups{gap:48px}.feature-group-title{font-size:22px}.feature-cards{grid-template-columns:1fr;gap:16px}.feature-card{padding:24px;min-height:auto}}@media(max-width:480px){.features-title{font-size:28px}.feature-group-title{font-size:20px}.feature-icon{width:40px;height:40px}.feature-title{font-size:18px}.feature-description{font-size:14px}}.social-proof-bar{padding:40px;display:flex;flex-direction:column;gap:40px;align-items:center;max-width:1000px;margin:0 auto}.social-proof-metrics{display:flex;align-items:center;justify-content:center;gap:40px;flex-wrap:wrap;width:100%}.social-proof-metric{display:flex;align-items:center;gap:16px}.metric-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-md);background:#3b82f61a;color:var(--accent-blue);flex-shrink:0}.metric-content{display:flex;flex-direction:column;gap:2px}.metric-value{font-size:28px;font-weight:700;font-family:var(--font-heading);color:var(--text-primary);line-height:1}.metric-label{font-size:13px;color:var(--text-secondary)}.metric-divider{width:1px;height:48px;background:var(--border-color)}.store-badges{display:flex;align-items:center;gap:20px;padding-top:24px;border-top:1px solid var(--border-color);width:100%;justify-content:center}.store-badge{transition:transform var(--transition-normal),opacity var(--transition-fast);opacity:.8}.store-badge:hover{transform:scale(1.05);opacity:1}.store-logo{height:40px;width:auto}@media(max-width:1024px){.social-proof-bar{padding:32px}.social-proof-metrics{gap:32px}.metric-value{font-size:26px}}@media(max-width:768px){.social-proof-bar{padding:24px;gap:32px}.social-proof-metrics{flex-direction:column;gap:24px}.social-proof-metric{width:100%;justify-content:center}.metric-divider{width:80px;height:1px}.metric-value{font-size:24px}.metric-label{font-size:12px}.store-badges{flex-direction:column;gap:16px}.store-logo{height:36px}}@media(max-width:480px){.social-proof-bar{padding:20px}.metric-icon{width:40px;height:40px}.metric-value{font-size:22px}.store-logo{height:32px}}.testimonials-section{padding:80px 0;position:relative}.testimonials-header{text-align:center;margin-bottom:64px}.testimonials-title{font-size:40px;font-weight:800;margin-bottom:16px;line-height:1.2}.testimonials-subtitle{font-size:18px;color:var(--text-secondary);line-height:1.6}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin-bottom:64px}.testimonial-card{padding:32px;display:flex;flex-direction:column;gap:20px;position:relative;transition:all var(--transition-normal)}.testimonial-card:hover{transform:translateY(-4px)}.quote-icon{position:absolute;top:24px;right:24px;color:#3b82f633;pointer-events:none}.testimonial-rating{display:flex;gap:4px}.testimonial-text{font-size:15px;line-height:1.7;color:var(--text-primary);flex:1}.testimonial-author{display:flex;align-items:center;gap:12px;padding-top:20px;border-top:1px solid var(--border-color)}.author-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;flex-shrink:0}.author-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-indigo),var(--accent-blue));color:#fff;font-weight:700;font-size:16px;font-family:var(--font-heading)}.author-info{display:flex;flex-direction:column;gap:2px}.author-name{font-size:16px;font-weight:600;color:var(--text-primary)}.author-level{font-size:13px;color:var(--text-secondary)}@media(max-width:1024px){.testimonials-title{font-size:36px}.testimonials-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}}@media(max-width:768px){.testimonials-section{padding:60px 0}.testimonials-header{margin-bottom:48px}.testimonials-title{font-size:32px}.testimonials-subtitle{font-size:16px}.testimonials-grid{grid-template-columns:1fr;gap:16px;margin-bottom:48px}.testimonial-card{padding:24px}.quote-icon{top:16px;right:16px}}@media(max-width:480px){.testimonials-title{font-size:28px}.testimonial-text{font-size:14px}.author-name{font-size:15px}.author-level{font-size:12px}}.pricing-cards-section{display:flex;flex-direction:column;gap:48px;margin-bottom:64px}.pricing-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.pricing-card{padding:32px;display:flex;flex-direction:column;gap:24px;position:relative;transition:all var(--transition-normal)}.pricing-card.highlighted{border-color:var(--accent-blue);box-shadow:0 8px 32px #3b82f640;transform:scale(1.02)}.pricing-card:hover{transform:translateY(-4px)}.pricing-card.highlighted:hover{transform:scale(1.02) translateY(-4px)}.pricing-badge{position:absolute;top:-12px;right:24px;padding:6px 12px;background:linear-gradient(135deg,var(--accent-indigo),var(--accent-blue));color:#fff;font-size:12px;font-weight:700;border-radius:var(--radius-full);display:flex;align-items:center;gap:4px;box-shadow:0 4px 12px #3b82f666}.pricing-card-header{display:flex;flex-direction:column;gap:8px;padding-bottom:24px;border-bottom:1px solid var(--border-color)}.pricing-card-title{font-size:24px;font-weight:700;color:var(--text-primary)}.pricing-card-price{display:flex;align-items:baseline;gap:4px}.price-free{font-size:32px;font-weight:700;color:var(--accent-emerald)}.price-currency{font-size:24px;font-weight:600;color:var(--text-secondary)}.price-amount{font-size:48px;font-weight:900;font-family:var(--font-heading);color:var(--text-primary);line-height:1}.pricing-card-period{font-size:13px;color:var(--text-secondary)}.pricing-card-features{list-style:none;display:flex;flex-direction:column;gap:12px;flex:1}.feature-item{display:flex;align-items:flex-start;gap:12px;font-size:15px;color:var(--text-secondary);line-height:1.5}.feature-check{color:var(--accent-emerald);flex-shrink:0;margin-top:2px}.addon-card{padding:32px;background:linear-gradient(135deg,#4f46e50d,#3b82f60d);border:1px solid rgba(59,130,246,.3)}.addon-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--border-color)}.addon-info{flex:1}.addon-title{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.addon-subtitle{font-size:14px;color:var(--text-secondary)}.addon-price{display:flex;align-items:baseline;gap:4px}.addon-content{display:flex;justify-content:space-between;align-items:flex-end;gap:32px}.addon-features{list-style:none;display:flex;flex-direction:column;gap:10px;flex:1}.addon-features .feature-item{font-size:14px}.addon-features .feature-check{width:16px;height:16px}@media(max-width:1024px){.pricing-cards-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.pricing-card.highlighted{transform:scale(1)}.pricing-card.highlighted:hover{transform:translateY(-4px)}}@media(max-width:768px){.pricing-cards-section{gap:40px;margin-bottom:48px}.pricing-cards-grid{grid-template-columns:1fr;gap:16px}.pricing-card{padding:24px}.pricing-card-title{font-size:22px}.price-amount{font-size:42px}.addon-card{padding:24px}.addon-content{flex-direction:column;align-items:stretch;gap:24px}.addon-content .btn{width:100%}}@media(max-width:480px){.pricing-card{padding:20px}.pricing-badge{top:-10px;right:20px;font-size:11px;padding:5px 10px}.pricing-card-title{font-size:20px}.price-amount{font-size:38px}.feature-item{font-size:14px}.addon-title{font-size:20px}.addon-header{flex-direction:column;gap:16px}}.pricing-comparison-section{margin:80px 0}.comparison-title{font-size:36px;font-weight:800;text-align:center;margin-bottom:16px}.comparison-subtitle{font-size:18px;color:var(--text-secondary);text-align:center;margin-bottom:48px}.comparison-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.comparison-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.comparison-table thead{background:#ffffff08}.comparison-table th{padding:20px 16px;text-align:center;font-size:16px;font-weight:700;color:var(--text-primary);border-bottom:1px solid var(--border-color)}.feature-column{text-align:left!important;min-width:250px}.plan-column{min-width:120px}.plan-column.highlighted{background:#3b82f61a;color:var(--accent-blue)}.comparison-table tbody tr{transition:background var(--transition-fast)}.comparison-table tbody tr:hover{background:#ffffff05}.comparison-table td{padding:16px;border-bottom:1px solid var(--border-color)}.comparison-table tbody tr:last-child td{border-bottom:none}.feature-name{font-size:15px;color:var(--text-secondary);text-align:left}.feature-value{text-align:center}.highlighted-col{background:#3b82f60d}.check-icon{color:var(--accent-emerald)}.x-icon{color:var(--text-muted);opacity:.4}@media(max-width:768px){.pricing-comparison-section{margin:60px 0}.comparison-title{font-size:28px}.comparison-subtitle{font-size:16px;margin-bottom:32px}.comparison-table th,.comparison-table td{padding:12px 8px;font-size:14px}.feature-column{min-width:180px}.plan-column{min-width:100px}.feature-name{font-size:14px}}@media(max-width:480px){.comparison-title{font-size:24px}.comparison-subtitle{font-size:15px}.comparison-table th,.comparison-table td{padding:10px 6px;font-size:13px}.feature-column{min-width:150px}.plan-column{min-width:80px}.check-icon,.x-icon{width:16px;height:16px}}.checkout-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:20px;animation:fadeIn .2s ease}.checkout-modal{width:100%;max-width:580px;max-height:90vh;overflow-y:auto;padding:40px;position:relative;animation:slideUp .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-close-btn{position:absolute;top:20px;right:20px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.modal-close-btn:hover{background:#ff00001a;border-color:var(--accent-rose);color:var(--accent-rose)}.modal-header{margin-bottom:32px}.modal-title{font-size:28px;font-weight:700;margin-bottom:8px}.modal-subtitle{font-size:16px;color:var(--text-secondary)}.modal-body,.checkout-form{display:flex;flex-direction:column;gap:24px}.form-section{display:flex;flex-direction:column;gap:16px}.section-title{font-size:16px;font-weight:600;color:var(--text-primary)}.price-summary{display:flex;flex-direction:column;gap:12px;padding:20px;background:#ffffff08;border:1px solid var(--border-color);border-radius:var(--radius-md)}.price-row{display:flex;justify-content:space-between;font-size:15px;color:var(--text-secondary)}.price-row.discount{color:var(--accent-emerald)}.price-row.total{font-size:20px;font-weight:700;color:var(--text-primary);padding-top:12px;border-top:1px solid var(--border-color)}.coupon-input-group{display:flex;gap:12px}.coupon-input-group .form-input{flex:1}.stripe-placeholder{padding:40px;background:#ffffff05;border:1px dashed var(--border-color);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;min-height:120px}.placeholder-text{font-size:14px;color:var(--text-muted);text-align:center}.btn-full{width:100%}.payment-note{font-size:13px;color:var(--text-muted);text-align:center;margin-top:-8px}.store-links-fallback{display:flex;flex-direction:column;gap:32px}.fallback-message{text-align:center}.fallback-message h3{font-size:22px;margin-bottom:12px}.fallback-message p{font-size:15px;color:var(--text-secondary);line-height:1.6}.store-buttons{display:flex;flex-direction:column;gap:16px}.store-badge-img{height:48px;width:auto}.fallback-note{font-size:13px;color:var(--text-muted);text-align:center}@media(max-width:768px){.checkout-modal{padding:32px 24px;max-height:95vh}.modal-title{font-size:24px}.modal-subtitle{font-size:15px}.price-row.total{font-size:18px}.coupon-input-group{flex-direction:column}.coupon-input-group .form-input,.coupon-input-group .btn{width:100%}}@media(max-width:480px){.checkout-modal{padding:24px 20px}.modal-close-btn{top:16px;right:16px}.modal-title{font-size:22px}.fallback-message h3{font-size:20px}.store-badge-img{height:40px}}.checkout-channel-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}.channel-tab{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 10px;border-radius:10px;border:1px solid var(--border-color);background:#ffffff08;color:var(--text-secondary);font-weight:600;font-size:13px;cursor:pointer;transition:all .2s ease}.channel-tab.active{border-color:var(--accent-blue, #3b82f6);color:#fff;background:#3b82f626}.channel-tab.disabled-hint:not(.active){opacity:.75}.tab-badge{font-size:10px;padding:2px 6px;border-radius:999px;background:#ffffff14;text-transform:uppercase;letter-spacing:.04em}.checkout-dual-note{font-size:12px;color:var(--text-muted);text-align:center;line-height:1.5;margin:0}.checkout-dual-note a{color:var(--accent-sky, #38bdf8)}.stripe-not-ready{display:flex;flex-direction:column;gap:12px;text-align:center;color:var(--text-secondary);font-size:14px;line-height:1.5}.stripe-not-ready code{font-size:12px;padding:2px 6px;border-radius:4px;background:#ffffff0f}.store-link-btn{text-align:center;text-decoration:none}.pricing-page{min-height:100vh;padding-bottom:80px}.pricing-hero{padding:80px 0 60px;background:linear-gradient(180deg,rgba(79,70,229,.05) 0%,transparent 100%);position:relative}.pricing-hero-content{text-align:center;max-width:800px;margin:0 auto}.pricing-hero-title{font-size:48px;font-weight:900;margin-bottom:24px;line-height:1.2;background:linear-gradient(135deg,#fff,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pricing-hero-subtitle{font-size:20px;color:var(--text-secondary);line-height:1.6}.pricing-cards-container{padding:60px 0}.pricing-comparison-container{padding:40px 0}.pricing-faq-section{padding:80px 0;background:#0c0f2080;border-top:1px solid var(--border-color)}.faq-header{text-align:center;margin-bottom:48px}.faq-title{font-size:36px;font-weight:800;margin-bottom:16px}.faq-subtitle{font-size:18px;color:var(--text-secondary)}.faq-list{display:flex;flex-direction:column;gap:16px;max-width:900px;margin:0 auto}.faq-item{padding:24px;cursor:pointer;transition:all var(--transition-normal);min-height:44px}.faq-item:hover{transform:translateY(-2px)}.faq-item:focus{outline:none}.faq-item:focus-visible{outline:2px solid var(--accent-sky, #38bdf8);outline-offset:3px}.faq-item.is-open .faq-question-text{color:var(--text-primary)}.faq-question{display:flex;justify-content:space-between;align-items:center;gap:16px}.faq-question-text{font-size:18px;font-weight:600;color:var(--text-primary);flex:1}.faq-icon{color:var(--text-secondary);transition:transform var(--transition-normal);flex-shrink:0}.faq-icon.rotated{transform:rotate(180deg)}.faq-answer{margin-top:16px;font-size:15px;color:var(--text-secondary);line-height:1.7;padding-top:16px;border-top:1px solid var(--border-color);animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.pricing-cta-section{padding:60px 0}.pricing-cta{padding:60px 40px;text-align:center;background:linear-gradient(135deg,#4f46e51a,#3b82f61a);border:1px solid rgba(59,130,246,.3)}@media(max-width:1024px){.pricing-hero-title{font-size:42px}.pricing-hero-subtitle{font-size:18px}.faq-title{font-size:32px}}@media(max-width:768px){.pricing-page{padding-bottom:60px}.pricing-hero{padding:60px 0 40px}.pricing-hero-title{font-size:36px}.pricing-hero-subtitle{font-size:16px}.pricing-cards-container{padding:40px 0}.pricing-comparison-container{padding:20px 0}.pricing-faq-section{padding:60px 0}.faq-header{margin-bottom:32px}.faq-title{font-size:28px}.faq-subtitle{font-size:16px}.faq-item{padding:20px}.faq-question-text{font-size:16px}.faq-answer{font-size:14px}.pricing-cta{padding:40px 24px}.cta-title{font-size:28px}.cta-text{font-size:16px}}@media(max-width:480px){.pricing-hero-title{font-size:32px}.pricing-hero-subtitle{font-size:15px}.faq-title{font-size:24px}.faq-subtitle,.faq-question-text{font-size:15px}.cta-title{font-size:24px}.btn-large{padding:14px 32px;font-size:15px;width:100%}}.about-page{min-height:100vh}.about-hero{padding:100px 0 80px;text-align:center;background:linear-gradient(180deg,rgba(79,70,229,.05) 0%,transparent 100%)}.about-title{font-size:48px;font-weight:900;margin-bottom:24px;background:linear-gradient(135deg,#fff,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-subtitle{font-size:20px;color:var(--text-secondary)}.about-section{padding:80px 0}.values-section{background:#0c0f2080;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.section-text{font-size:18px;color:var(--text-secondary);line-height:1.8;margin-bottom:24px;max-width:800px;margin-left:auto;margin-right:auto}.mission-content,.story-content{max-width:800px;margin:0 auto}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.value-card{padding:32px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px}.value-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:#3b82f61a;color:var(--accent-blue);border-radius:var(--radius-md)}.value-title{font-size:22px;font-weight:700;color:var(--text-primary)}.value-text{font-size:15px;color:var(--text-secondary);line-height:1.6}.about-cta-section{padding:80px 0}.about-cta{padding:60px 40px;text-align:center;background:linear-gradient(135deg,#4f46e51a,#3b82f61a);border:1px solid rgba(59,130,246,.3)}.cta-title{font-size:32px;font-weight:800;margin-bottom:16px}.cta-text{font-size:18px;color:var(--text-secondary);margin-bottom:32px}@media(max-width:768px){.about-hero{padding:80px 0 60px}.about-title{font-size:36px}.about-subtitle{font-size:18px}.about-section{padding:60px 0}.section-title{font-size:28px;margin-bottom:32px}.section-text{font-size:16px}.values-grid{grid-template-columns:1fr;gap:16px}.value-card{padding:24px}.about-cta{padding:40px 24px}.cta-title{font-size:28px}.btn-large{width:100%}}.influencers-page{min-height:100vh}.influencers-hero{padding:100px 0 80px;text-align:center;background:linear-gradient(180deg,rgba(79,70,229,.05) 0%,transparent 100%)}.page-subtitle{font-size:20px;color:var(--text-secondary)}.benefits-section{padding:80px 0}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}.benefit-card{padding:32px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.benefit-icon{color:var(--accent-blue)}.benefit-card h3{font-size:20px;font-weight:700;margin-bottom:8px}.benefit-card p{font-size:15px;color:var(--text-secondary);line-height:1.6}.apply-section{padding:80px 0;background:#0c0f2080;border-top:1px solid var(--border-color)}.apply-card{padding:60px 40px;text-align:center;max-width:700px;margin:0 auto}.apply-card h2{font-size:32px;margin-bottom:16px}.apply-card p{font-size:18px;color:var(--text-secondary);margin-bottom:32px}@media(max-width:768px){.influencers-hero{padding:80px 0 60px}.page-title{font-size:36px}.page-subtitle{font-size:18px}.benefits-section,.apply-section{padding:60px 0}.section-title{font-size:28px}.benefits-grid{grid-template-columns:1fr}.apply-card{padding:40px 24px}.apply-card h2{font-size:28px}.btn-large{width:100%}}.download-page{min-height:100vh}.download-hero{padding:100px 0 60px;text-align:center;background:linear-gradient(180deg,rgba(79,70,229,.05) 0%,transparent 100%)}.hero-icon{color:var(--accent-blue);margin-bottom:24px}.page-title{font-size:48px;font-weight:900;margin-bottom:24px;background:linear-gradient(135deg,#fff,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.page-subtitle{font-size:20px;color:var(--text-secondary);max-width:600px;margin:0 auto}.download-buttons-section{padding:40px 0}.download-buttons{display:flex;justify-content:center;gap:24px;flex-wrap:wrap}.download-btn{padding:16px 24px;transition:transform var(--transition-normal)}.download-btn:hover{transform:translateY(-4px)}.store-badge{height:56px;width:auto}.features-section{padding:80px 0;background:#0c0f2080;border-top:1px solid var(--border-color)}.section-title{font-size:36px;font-weight:800;text-align:center;margin-bottom:48px}.features-list{max-width:600px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.feature-item{display:flex;align-items:center;gap:16px;font-size:18px;color:var(--text-primary)}.feature-check{color:var(--accent-emerald);flex-shrink:0}.web-version-section{padding:80px 0}.web-card{padding:60px 40px;text-align:center;max-width:700px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:24px}.web-icon{color:var(--accent-blue)}.web-card h2{font-size:32px;margin:0}.web-card p{font-size:18px;color:var(--text-secondary);max-width:500px;margin:0}.btn-large{padding:16px 40px;font-size:16px}@media(max-width:768px){.download-hero{padding:80px 0 60px}.page-title{font-size:36px}.page-subtitle{font-size:18px}.download-buttons{flex-direction:column;align-items:center}.store-badge{height:48px}.features-section{padding:60px 0}.section-title{font-size:28px}.feature-item{font-size:16px}.web-card{padding:40px 24px}.web-card h2{font-size:28px}.btn-large{width:100%}}.policy-page{min-height:100vh;padding-bottom:80px}.policy-hero{padding:100px 0 60px;text-align:center;background:linear-gradient(180deg,rgba(79,70,229,.05) 0%,transparent 100%)}.hero-icon{color:var(--accent-blue);margin:0 auto 24px}.page-title{font-size:48px;font-weight:900;margin-bottom:16px;background:linear-gradient(135deg,#fff,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-subtitle{font-size:16px;color:var(--text-muted);font-style:italic}.policy-content{padding:60px 0}.policy-text{max-width:800px;margin:0 auto}.policy-text h2{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:16px;margin-top:48px}.policy-text h2:first-child{margin-top:0}.policy-text p{font-size:16px;color:var(--text-secondary);line-height:1.8;margin-bottom:24px}.policy-text strong{color:var(--text-primary)}@media(max-width:768px){.policy-hero{padding:80px 0 40px}.page-title{font-size:36px}.policy-content{padding:40px 0}.policy-text h2{font-size:22px;margin-top:40px}.policy-text p{font-size:15px}}@media(max-width:480px){.page-title{font-size:32px}.policy-text h2{font-size:20px}.policy-text p{font-size:14px}}.googleplay-page{min-height:70vh}.gp-hero{padding:clamp(48px,10vw,96px) 0 48px;text-align:center}.gp-badge{display:inline-block;padding:6px 14px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.06em;color:var(--accent-sky, #38bdf8);background:#38bdf81f;border:1px solid rgba(56,189,248,.25);margin-bottom:20px}.gp-title{font-size:clamp(28px,5vw,42px);font-weight:900;line-height:1.15;margin:0 0 16px;color:#fff}.gp-subtitle{max-width:560px;margin:0 auto 28px;color:var(--text-secondary, #94a3b8);font-size:16px;line-height:1.6}.gp-primary-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;border-radius:12px;font-weight:700;font-size:16px;color:#fff;background:linear-gradient(135deg,#3b82f6,#06b6d4);text-decoration:none;box-shadow:0 8px 24px #3b82f659;transition:transform .2s ease,box-shadow .2s ease}.gp-primary-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px #3b82f673}.gp-secondary-links{margin-top:20px;font-size:14px;color:var(--text-secondary, #94a3b8)}.gp-secondary-links a{color:var(--accent-sky, #38bdf8);font-weight:600}.gp-features{padding:32px 0 48px}.gp-feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.gp-feature-card{padding:24px;border-radius:16px;border:1px solid var(--border-color, rgba(255, 255, 255, .08));background:#ffffff08}.gp-feature-card h3{margin:12px 0 8px;font-size:17px;color:#fff}.gp-feature-card p{margin:0;font-size:14px;line-height:1.55;color:var(--text-secondary, #94a3b8)}.gp-feature-icon{color:var(--accent-blue, #3b82f6)}.gp-faq{padding:24px 0 80px}.gp-faq h2{text-align:center;margin-bottom:24px;font-size:22px;color:#fff}.gp-faq-list{max-width:640px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.gp-faq-item{padding:16px 20px;border-radius:12px;border:1px solid var(--border-color, rgba(255, 255, 255, .08))}.gp-faq-item summary{cursor:pointer;font-weight:600;color:#fff;list-style:none}.gp-faq-item summary::-webkit-details-marker{display:none}.gp-faq-item p{margin:12px 0 0;font-size:14px;line-height:1.55;color:var(--text-secondary, #94a3b8)}.gp-faq-item a{color:var(--accent-sky, #38bdf8)}.gp-faq-item code{font-size:12px;padding:2px 6px;border-radius:4px;background:#ffffff0f}.skeleton-card{padding:24px;animation:skeleton-fade-in .3s ease-in-out}.skeleton-shimmer{background:linear-gradient(90deg,#ffffff08,#ffffff14,#ffffff08);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:8px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes skeleton-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.skeleton-shimmer{animation:none;background:#ffffff0d}.skeleton-card{animation:none}}.dashboard-page{padding:40px 0;min-height:100vh}.welcome-banner{padding:40px;margin-bottom:48px;border-radius:24px;background:linear-gradient(135deg,#4f46e526,#12162bb3);border:1px solid rgba(79,70,229,.2)}.welcome-content{display:flex;flex-direction:column;gap:12px}.welcome-title{font-size:32px;font-weight:900;color:#fff;margin:0}.welcome-rank{font-size:16px;color:var(--text-secondary);display:flex;align-items:center;gap:8px;margin:0}.welcome-rank strong{color:var(--accent-amber);font-weight:700}.dashboard-section-title{font-size:24px;font-weight:800;margin-bottom:24px;display:flex;align-items:center;gap:12px;color:#fff}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:48px}.action-card{background:none;border:none;padding:24px;display:flex;align-items:center;gap:20px;text-align:left;cursor:pointer;transition:all var(--transition-normal);width:100%}.action-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.action-content h3{font-size:16px;font-weight:700;color:#fff;margin:0 0 6px}.action-content p{font-size:14px;color:var(--text-secondary);margin:0;line-height:1.4}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:48px}.stat-card{padding:28px;display:flex;align-items:center;gap:20px}.stat-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-content{display:flex;flex-direction:column;gap:6px}.stat-label{font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.stat-value{font-size:28px;font-weight:800;color:#fff;margin:0}.progress-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:48px}.progress-card{padding:28px;display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}.progress-circle-container{position:relative;width:120px;height:120px}.progress-circle{width:100%;height:100%;transform:rotate(-90deg)}.progress-circle-bg{fill:transparent;stroke:#ffffff08;stroke-width:8}.progress-circle-fill{fill:transparent;stroke-width:8;stroke-linecap:round;transition:stroke-dasharray .8s ease-in-out}.progress-circle-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center}.progress-percentage{font-size:24px;font-weight:800;color:#fff}.progress-sublabel{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.progress-info{width:100%}.progress-title{font-size:18px;font-weight:700;color:#fff;margin:0 0 8px}.progress-description{font-size:13px;color:var(--text-secondary);margin:0;line-height:1.5}@media(max-width:768px){.dashboard-page{padding:24px 0}.welcome-banner{padding:28px;margin-bottom:32px}.welcome-title{font-size:24px}.welcome-rank{font-size:14px}.dashboard-section-title{font-size:20px;margin-bottom:20px}.quick-actions-grid,.stats-grid,.progress-grid{grid-template-columns:1fr;gap:16px;margin-bottom:32px}.action-card{padding:20px}.action-icon,.stat-icon{width:48px;height:48px}}.skeleton-shimmer{border-radius:8px}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.welcome-banner,.action-card,.stat-card,.progress-card{animation:fade-in-up .5s ease-out}.action-card:nth-child(2){animation-delay:.1s}.action-card:nth-child(3){animation-delay:.2s}@media(prefers-reduced-motion:reduce){.welcome-banner,.action-card,.stat-card,.progress-card{animation:none}.progress-circle-fill{transition:none}}.portal-page{padding:32px 0 64px;min-height:50vh}.portal-page .container{max-width:960px}.portal-page-header{margin-bottom:28px}.portal-page-title{font-size:clamp(22px,4vw,30px);font-weight:900;margin:0 0 8px;color:#fff;display:flex;align-items:center;gap:10px;letter-spacing:-.02em}.portal-page-subtitle{margin:0;font-size:14px;line-height:1.5;color:var(--text-secondary, #94a3b8)}.portal-card{border-radius:16px;border:1px solid var(--border-color, rgba(255, 255, 255, .08));background:#ffffff08;padding:clamp(20px,4vw,36px)}.portal-empty{text-align:center;padding:48px 24px;color:var(--text-secondary, #94a3b8);font-size:14px}.portal-btn-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.portal-page .glass{transition:border-color .2s ease,box-shadow .2s ease}.portal-page .glass:hover{border-color:#3b82f640}.portal-filters{padding:16px 20px;border-radius:16px;margin-bottom:24px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}.portal-filter-btn{padding:8px 14px!important;font-size:13px!important;border-radius:8px!important;min-height:40px}@media(max-width:640px){.portal-page{padding:20px 0 48px}}.study-session{max-width:680px}.study-session-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:12px}.study-back-btn{background:transparent;border:none;color:var(--text-secondary, #94a3b8);font-size:13px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:8px 4px;min-height:44px;border-radius:8px}.study-back-btn:hover{color:var(--text-primary, #fff)}.study-back-btn:focus-visible{outline:2px solid var(--accent-sky, #38bdf8);outline-offset:2px}.study-card-count{font-size:13px;font-weight:600;color:var(--text-secondary, #94a3b8);white-space:nowrap}.study-progress-track{width:100%;height:6px;background:#ffffff0f;border-radius:999px;margin-bottom:28px;overflow:hidden}.study-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-indigo, #6366f1),var(--accent-sky, #38bdf8));border-radius:999px;transition:width .35s cubic-bezier(.4,0,.2,1);min-width:0}.study-card{position:relative;padding:clamp(28px,5vw,44px);text-align:center;min-height:360px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:20px;border:1px solid var(--border-color, rgba(255, 255, 255, .08));box-shadow:0 16px 48px #00000059;margin-bottom:28px;overflow:hidden}.study-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(59,130,246,.08),transparent 60%);pointer-events:none}.study-type-badge{position:absolute;top:16px;left:18px;font-size:10px;font-weight:800;color:var(--text-muted, #64748b);text-transform:uppercase;letter-spacing:.06em;z-index:1;display:inline-flex;align-items:center;gap:6px}.study-level-pill{display:inline-block;padding:2px 8px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.04em}.study-level-pill.n5{background:#10b98126;color:var(--accent-emerald, #10b981)}.study-level-pill.n4{background:#3b82f626;color:var(--accent-blue, #3b82f6)}.study-level-pill.n3{background:#a855f726;color:#c084fc}.study-audio-bar{position:absolute;top:12px;right:16px;display:flex;gap:8px;align-items:center;z-index:1}.study-audio-btn{background:#ffffff0d;border:1px solid var(--border-color, rgba(255, 255, 255, .1));color:var(--accent-sky, #38bdf8);cursor:pointer;padding:8px;border-radius:10px;display:inline-flex;min-width:40px;min-height:40px;align-items:center;justify-content:center}.study-audio-btn:hover{background:#38bdf81f}.study-audio-btn:focus-visible{outline:2px solid var(--accent-sky, #38bdf8);outline-offset:2px}.study-rate-select{background:#ffffff0d;border:1px solid var(--border-color, rgba(255, 255, 255, .1));color:var(--text-secondary, #94a3b8);font-size:11px;border-radius:8px;padding:6px 8px;min-height:36px}.study-prompt{margin:28px 0 8px;width:100%;position:relative;z-index:1}.study-prompt-jp{font-family:var(--font-japanese, "Noto Sans JP", sans-serif);font-weight:500;color:#fff;margin:0;line-height:1.2;word-break:break-word}.study-prompt-jp.vocab{font-size:clamp(40px,10vw,54px)}.study-prompt-jp.kanji{font-size:clamp(48px,12vw,64px)}.study-prompt-jp.grammar{font-size:clamp(28px,7vw,40px);color:var(--accent-sky, #38bdf8)}.study-prompt-hint{font-size:14px;color:var(--text-muted, #64748b);margin-top:12px}.study-answer{width:100%;margin-top:20px;padding-top:22px;border-top:1px solid var(--border-color, rgba(255, 255, 255, .08));display:flex;flex-direction:column;gap:14px;animation:studyFadeIn .25s ease;position:relative;z-index:1}.study-reading{font-size:clamp(18px,4vw,22px);color:var(--accent-sky, #38bdf8);font-family:var(--font-japanese, "Noto Sans JP", sans-serif);margin:0}.study-meaning{font-size:clamp(17px,3.5vw,20px);font-weight:600;color:#fff;margin:0}.study-example{margin-top:4px;background:#ffffff05;padding:14px 16px;border-radius:12px;text-align:left;border:1px solid var(--border-color, rgba(255, 255, 255, .08));width:100%;box-sizing:border-box}.study-example-label{font-size:10px;color:var(--text-muted, #64748b);text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:6px}.study-example-ja{font-family:var(--font-japanese, "Noto Sans JP", sans-serif);font-size:15px;color:#fff;margin:0 0 6px;line-height:1.55}.study-example-tr{font-size:13px;color:var(--text-secondary, #94a3b8);margin:0;line-height:1.45}.study-readings-grid{margin-top:8px;display:grid;grid-template-columns:1fr 1fr;gap:14px;font-size:14px;text-align:left;width:100%}.study-readings-grid span{color:var(--text-muted, #64748b);font-size:12px}.study-readings-grid p{font-family:var(--font-japanese, "Noto Sans JP", sans-serif);font-size:16px;font-weight:600;margin:4px 0 0}.study-compounds{margin-top:8px;text-align:left;border-top:1px solid var(--border-color, rgba(255, 255, 255, .08));padding-top:14px;width:100%}.study-compounds-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:8px}.study-mistake{background:#f43f5e0a;border:1px solid rgba(244,63,94,.15);padding:12px 14px;border-radius:12px;text-align:left;font-size:13px;width:100%;box-sizing:border-box}.study-mistake-title{color:var(--accent-rose, #f43f5e);font-weight:600;margin:0 0 6px}.study-reveal-btn{margin-top:28px;min-height:48px;padding:12px 32px;border-radius:12px;font-size:15px;position:relative;z-index:1}.study-grades{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:100%;animation:studyFadeIn .2s ease}.study-grade-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:14px 8px;border-radius:14px;min-height:64px;cursor:pointer;border:1px solid transparent;background:#ffffff08;transition:transform .15s ease,border-color .15s ease,background .15s ease}.study-grade-btn:hover{transform:translateY(-2px)}.study-grade-btn:focus-visible{outline:2px solid var(--accent-sky, #38bdf8);outline-offset:2px}.study-grade-btn .label{font-weight:700;font-size:14px}.study-grade-btn .hint{font-size:11px;color:var(--text-muted, #64748b)}.study-grade-btn.again{border-color:#f43f5e59;background:#f43f5e0f}.study-grade-btn.again .label{color:var(--accent-rose, #f43f5e)}.study-grade-btn.hard{border-color:#f59e0b59;background:#f59e0b0f}.study-grade-btn.hard .label{color:var(--accent-amber, #f59e0b)}.study-grade-btn.good{border-color:#3b82f659;background:#3b82f60f}.study-grade-btn.good .label{color:var(--accent-blue, #3b82f6)}.study-grade-btn.easy{border-color:#10b98159;background:#10b9810f}.study-grade-btn.easy .label{color:var(--accent-emerald, #10b981)}.study-kbd-hint{margin-top:28px;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;color:var(--text-secondary, #94a3b8);border-radius:12px}.study-kbd-hint-text{display:flex;align-items:center;gap:8px;flex-wrap:wrap;line-height:1.4}.study-kbd-hint kbd{display:inline-block;padding:2px 6px;border-radius:4px;background:#ffffff14;border:1px solid var(--border-color, rgba(255, 255, 255, .12));font-size:11px;font-family:inherit;color:#fff}.study-kbd-dismiss{background:transparent;border:none;color:var(--text-muted, #64748b);cursor:pointer;font-size:20px;line-height:1;padding:4px 8px;min-width:36px;min-height:36px;border-radius:8px}.study-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:55vh;text-align:center;gap:16px;padding:32px 20px;animation:studyFadeIn .35s ease}.study-state-icon{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.study-state-icon.empty{background:#f59e0b1a;color:var(--accent-amber, #f59e0b)}.study-state-icon.done{background:#10b9811a;color:var(--accent-emerald, #10b981)}.study-state h2{font-size:clamp(22px,4vw,28px);font-weight:800;margin:0;color:#fff}.study-state p{color:var(--text-secondary, #94a3b8);max-width:400px;font-size:15px;line-height:1.55;margin:0}@keyframes studyFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.study-progress-fill,.study-answer,.study-grades,.study-state,.study-grade-btn{transition:none;animation:none}}@media(max-width:560px){.study-grades{grid-template-columns:1fr 1fr;gap:8px}.study-grade-btn{min-height:56px;padding:12px 6px}.study-grade-btn .label{font-size:13px}.study-card{min-height:300px;padding:24px 18px}.study-readings-grid,.study-compounds-grid{grid-template-columns:1fr}.study-audio-bar{top:auto;bottom:12px;right:12px}.study-type-badge{max-width:calc(100% - 24px)}}.curriculum-browser{max-width:1100px}.curr-filters{padding:16px 18px;border-radius:16px;margin-bottom:20px;display:flex;flex-direction:column;gap:14px;border:1px solid var(--border-color, rgba(255, 255, 255, .08))}.curr-search-wrap{position:relative;width:100%}.curr-search-wrap .curr-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted, #64748b);pointer-events:none}.curr-search-input{width:100%;padding-left:44px!important;min-height:44px;box-sizing:border-box}.curr-filter-rows{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center}.curr-chip-group{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.curr-chip-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted, #64748b);margin-right:4px}.curr-chip{padding:8px 12px;font-size:13px;font-weight:600;border-radius:999px;min-height:36px;border:1px solid var(--border-color, rgba(255, 255, 255, .1));background:#ffffff08;color:var(--text-secondary, #94a3b8);cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.curr-chip:hover{border-color:#3b82f659;color:#fff}.curr-chip:focus-visible{outline:2px solid var(--accent-sky, #38bdf8);outline-offset:2px}.curr-chip.is-active{background:#3b82f62e;border-color:#3b82f673;color:#fff}.curr-chip.is-active.n5{background:#10b9812e;border-color:#10b98166}.curr-chip.is-active.n4{background:#3b82f62e;border-color:#3b82f673}.curr-chip.is-active.n3{background:#a855f72e;border-color:#a855f766}.curr-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;font-size:13px;color:var(--text-secondary, #94a3b8)}.curr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.curr-card{display:flex;flex-direction:column;justify-content:space-between;gap:14px;padding:20px;border-radius:16px;border:1px solid var(--border-color, rgba(255, 255, 255, .08));background:#ffffff08;min-height:200px;transition:border-color .2s ease,box-shadow .2s ease,transform .15s ease}.curr-card:hover{border-color:#3b82f647;transform:translateY(-2px)}.curr-card.is-studying{border-color:#10b98147;box-shadow:0 4px 20px #10b9810f}.curr-card-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}.curr-level{font-size:11px;font-weight:800;padding:3px 8px;border-radius:6px;letter-spacing:.04em}.curr-level.n5{background:#10b98124;color:var(--accent-emerald, #10b981)}.curr-level.n4{background:#3b82f624;color:var(--accent-blue, #3b82f6)}.curr-level.n3{background:#a855f724;color:#c084fc}.curr-type{font-size:10px;font-weight:800;padding:3px 8px;border-radius:6px;text-transform:uppercase;letter-spacing:.04em}.curr-type.kanji{background:#f43f5e1f;color:var(--accent-rose, #f43f5e)}.curr-type.vocabulary{background:#3b82f61f;color:var(--accent-blue, #3b82f6)}.curr-type.grammar{background:#0ea5e91f;color:var(--accent-sky, #38bdf8)}.curr-title{font-family:var(--font-japanese, "Noto Sans JP", sans-serif);font-weight:500;color:#fff;margin:0 0 4px;line-height:1.25;word-break:break-word}.curr-title.kanji{font-size:32px}.curr-title.default{font-size:20px}.curr-subtitle{font-size:13px;color:var(--text-secondary, #94a3b8);font-family:var(--font-japanese, "Noto Sans JP", sans-serif);line-height:1.4;margin:0 0 10px}.curr-meaning{font-size:14px;color:#fff;font-weight:600;margin:0 0 10px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.curr-details{font-size:12px;color:var(--text-muted, #64748b);font-family:var(--font-japanese, "Noto Sans JP", sans-serif);line-height:1.4;border-top:1px solid var(--border-color, rgba(255, 255, 255, .08));padding-top:10px;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.curr-card-actions{margin-top:auto;padding-top:4px}.curr-studying{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--accent-emerald, #10b981);font-weight:600;min-height:40px}.curr-unlock-btn{width:100%;padding:10px 12px!important;border-radius:10px!important;font-size:13px!important;display:inline-flex!important;gap:6px;justify-content:center;align-items:center;min-height:44px}.curr-empty{text-align:center;padding:48px 24px;border-radius:16px;color:var(--text-secondary, #94a3b8);font-size:14px;line-height:1.5}.curr-empty strong{display:block;color:#fff;font-size:16px;margin-bottom:8px}@media(prefers-reduced-motion:reduce){.curr-card,.curr-chip{transition:none}}@media(max-width:640px){.curr-grid{grid-template-columns:1fr}.curr-chip-group{width:100%}.curr-meta{flex-direction:column;align-items:flex-start}}.mock-exam-page{padding:32px 0 64px;min-height:50vh}.mock-exam-page .container{max-width:800px}.mock-exam-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:12px}.mock-exam-back{background:transparent;border:none;color:var(--text-secondary, #94a3b8);font-size:13px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:8px 4px;min-height:44px;border-radius:8px}.mock-exam-back:hover{color:#fff}.mock-exam-back:focus-visible{outline:2px solid var(--accent-sky, #38bdf8);outline-offset:2px}.mock-exam-timer{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:15px}.mock-exam-timer.warn{color:var(--accent-rose, #f43f5e)}.mock-exam-card{padding:clamp(24px,4vw,40px);border-radius:18px;border:1px solid var(--border-color, rgba(255, 255, 255, .08));position:relative}.mock-exam-list-icon{color:var(--accent-blue, #3b82f6);display:inline-flex;padding:16px;background:#3b82f61a;border-radius:50%;margin-bottom:20px}.mock-exam-list-title{font-size:clamp(22px,4vw,26px);font-weight:800;margin:0 0 8px;color:#fff}.mock-exam-list-sub{color:var(--text-secondary, #94a3b8);font-size:14px;max-width:600px;margin:0 auto 28px;line-height:1.6}.mock-exam-list{display:flex;flex-direction:column;gap:14px;text-align:left;margin-top:20px}.mock-exam-item{padding:20px 22px;display:flex;justify-content:space-between;align-items:center;gap:16px;cursor:pointer;border-radius:14px;border:1px solid var(--border-color, rgba(255, 255, 255, .08));transition:border-color .2s ease,transform .15s ease;background:transparent;width:100%;color:inherit;text-align:left}.mock-exam-item:hover{border-color:#10b98159;transform:translateY(-1px)}.mock-exam-item:focus-visible{outline:2px solid var(--accent-sky, #38bdf8);outline-offset:2px}.mock-exam-item h4{font-size:17px;font-weight:800;color:#fff;margin:0 0 6px}.mock-exam-item p{margin:0;font-size:12.5px;color:var(--text-secondary, #94a3b8);line-height:1.4}.mock-exam-item-cta{font-size:13px;font-weight:700;color:var(--accent-emerald, #10b981);white-space:nowrap;flex-shrink:0}.mock-exam-back-hub{width:100%;padding:12px!important;border-radius:12px!important;font-size:14px!important;margin-top:24px;min-height:44px}.mock-q-dots{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px;border-bottom:1px solid var(--border-color, rgba(255, 255, 255, .08));padding-bottom:16px}.mock-q-dot{width:32px;height:32px;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;transition:all .15s ease}.mock-q-dot.current{border:2px solid var(--accent-emerald, #10b981);background:#10b98126;color:var(--accent-emerald, #10b981)}.mock-q-dot.answered{border:1px solid var(--border-color, rgba(255, 255, 255, .1));background:#ffffff0f;color:var(--text-secondary, #94a3b8)}.mock-q-dot.idle{border:1px solid var(--border-color, rgba(255, 255, 255, .1));background:transparent;color:var(--text-secondary, #94a3b8)}@media(max-width:560px){.mock-exam-item{flex-direction:column;align-items:flex-start}}.ex-hub{max-width:1080px}.ex-hub-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;gap:12px}.ex-hub-back{background:transparent;border:none;color:var(--text-secondary, #94a3b8);font-size:13px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:8px 4px;min-height:44px;border-radius:8px}.ex-hub-back:hover{color:#fff}.ex-hub-back:focus-visible{outline:2px solid var(--accent-sky, #38bdf8);outline-offset:2px}.ex-hub-xp{display:inline-flex;align-items:center;gap:8px;background:#f59e0b1a;padding:8px 12px;border-radius:10px;border:1px solid rgba(245,158,11,.22);font-size:12.5px;font-weight:700;color:#fff;white-space:nowrap}.ex-hub-banner{padding:clamp(24px,4vw,40px);border-radius:20px;margin-bottom:28px}.ex-hub-banner.n5{background:linear-gradient(135deg,#10b98126,#12162bb3);border:1px solid rgba(16,185,129,.22)}.ex-hub-banner.n4{background:linear-gradient(135deg,#3b82f626,#12162bb3);border:1px solid rgba(59,130,246,.22)}.ex-hub-banner.n3{background:linear-gradient(135deg,#a855f726,#12162bb3);border:1px solid rgba(168,85,247,.22)}.ex-hub-banner h1{font-size:clamp(24px,4vw,32px);font-weight:900;margin:0 0 12px;display:flex;align-items:center;gap:12px;color:#fff;letter-spacing:-.02em}.ex-hub-banner p{color:var(--text-secondary, #94a3b8);font-size:15px;line-height:1.6;max-width:750px;margin:0}.ex-hub-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:28px;align-items:start}.ex-hub-col{display:flex;flex-direction:column;gap:24px}.ex-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ex-mode-card{padding:22px;border-radius:18px;cursor:pointer;transition:border-color .2s ease,transform .15s ease,box-shadow .2s ease;display:flex;flex-direction:column;position:relative;overflow:hidden;min-height:180px;border:1px solid var(--border-color, rgba(255, 255, 255, .08));text-align:left;background:transparent;color:inherit;width:100%}.ex-mode-card:hover{transform:translateY(-2px)}.ex-mode-card:focus-visible{outline:2px solid var(--accent-sky, #38bdf8);outline-offset:2px}.ex-mode-card .bg-icon{position:absolute;top:0;right:0;padding:16px;opacity:.08;pointer-events:none}.ex-mode-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:14px}.ex-mode-icon.quiz{background:#4f46e51f;color:var(--accent-indigo, #6366f1)}.ex-mode-icon.mock{background:#10b9811f;color:var(--accent-emerald, #10b981)}.ex-mode-card h3{font-size:17px;font-weight:800;margin:0 0 8px;color:#fff}.ex-mode-card p{color:var(--text-secondary, #94a3b8);font-size:12.5px;line-height:1.45;margin:0 0 14px;flex:1}.ex-mode-cta{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:700}.ex-mode-cta.quiz{color:var(--accent-indigo, #6366f1)}.ex-mode-cta.mock{color:var(--accent-emerald, #10b981)}.ex-panel{padding:24px 28px;border-radius:16px;border:1px solid var(--border-color, rgba(255, 255, 255, .08));position:relative}.ex-panel-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:.04em;margin:0}@keyframes ex-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.shake-card{animation:ex-shake .2s ease-in-out 2}@media(prefers-reduced-motion:reduce){.ex-mode-card,.shake-card{transition:none;animation:none}}@media(max-width:560px){.ex-mode-grid{grid-template-columns:1fr}}.settings-page{max-width:640px}.settings-form{padding:clamp(24px,4vw,36px);border-radius:16px;border:1px solid var(--border-color, rgba(255, 255, 255, .08));text-align:left}.settings-success{background:#10b9811a;border:1px solid rgba(16,185,129,.2);border-radius:10px;padding:12px 16px;color:var(--accent-emerald, #10b981);font-size:13px;margin-bottom:24px}.settings-account{display:flex;align-items:center;gap:16px;padding-bottom:24px;border-bottom:1px solid var(--border-color, rgba(255, 255, 255, .08));margin-bottom:24px}.settings-avatar{width:48px;height:48px;border-radius:50%;background:#4f46e51f;color:var(--accent-indigo, #6366f1);display:flex;align-items:center;justify-content:center;flex-shrink:0}.settings-account-label{font-size:12px;color:var(--text-muted, #64748b);display:block}.settings-account-email{font-size:16px;font-weight:700;color:#fff;margin:2px 0 0;word-break:break-all}.settings-field{margin-bottom:24px}.settings-field.spaced{margin-bottom:32px}.settings-label{display:flex;align-items:center;gap:6px}.settings-lang-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.settings-lang-btn{flex:1;min-width:120px;padding:10px 12px!important;border-radius:10px!important;font-size:13px!important;min-height:44px}.settings-hint{color:var(--text-muted, #64748b);font-size:11px;margin-top:6px;line-height:1.4}.settings-select{margin-top:8px;min-height:44px}.settings-save{width:100%;padding:14px!important;border-radius:12px!important;font-size:15px!important;min-height:48px}