:root{--primary: #2563EB;--primary-dark: #1D4ED8;--primary-light: #60A5FA;--secondary: #7C3AED;--secondary-light: #A78BFA;--accent: #FFDE00;--accent-warm: #FFB800;--bg: #F5F3F0;--bg-warm: #FAF8F5;--card-bg: #ffffff;--text: #1a1a2e;--text-light: #5a5a7a;--text-muted: #9a9ab0;--radius: 20px;--radius-sm: 12px;--radius-xs: 8px;--shadow-sm: 0 2px 8px rgba(26, 26, 46, .06);--shadow-md: 0 4px 20px rgba(26, 26, 46, .08);--shadow-lg: 0 8px 40px rgba(26, 26, 46, .12);--shadow-glow: 0 0 30px rgba(37, 99, 235, .15);--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .4s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .5s cubic-bezier(.34, 1.56, .64, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Segoe UI,Roboto,Noto Sans SC,sans-serif;background:var(--bg);color:var(--text);line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{text-decoration:none;color:inherit}.pokeball-bg{position:absolute;width:200px;height:200px;border-radius:50%;border:8px solid rgba(255,255,255,.06);overflow:hidden;pointer-events:none}.pokeball-bg:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:#ffffff0a}.pokeball-bg:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;border:8px solid rgba(255,255,255,.06);background:#ffffff08}.nav{display:flex;justify-content:center;align-items:center;gap:8px;padding:12px 24px;background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.06);position:sticky;top:0;z-index:100;flex-wrap:wrap}.nav a{color:var(--text-light);font-weight:600;font-size:.9em;padding:8px 20px;border-radius:50px;transition:all var(--transition-fast);position:relative;letter-spacing:.02em}.nav a:hover{color:var(--primary);background:#2563eb14}.nav a.active{color:#fff;background:var(--primary);box-shadow:0 2px 12px #2563eb4d}.footer{background:var(--text);color:#fff;padding:56px 24px 40px;text-align:center;position:relative;overflow:hidden}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--accent),var(--secondary),var(--primary));background-size:300% 100%;animation:gradient-slide 4s linear infinite}@keyframes gradient-slide{0%{background-position:0% 50%}to{background-position:300% 50%}}.footer-links{display:flex;justify-content:center;gap:32px;margin-bottom:28px;flex-wrap:wrap}.footer-links a{color:#fff9;font-size:.9em;font-weight:500;transition:all var(--transition-fast);padding:4px 0;position:relative}.footer-links a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--primary-light);transition:width var(--transition-fast)}.footer-links a:hover{color:#fff}.footer-links a:hover:after{width:100%}.footer p{color:#ffffff59;font-size:.82em;line-height:1.8}.hero{background:radial-gradient(ellipse 80% 60% at 20% 80%,rgba(59,76,202,.25) 0%,transparent 50%),radial-gradient(ellipse 60% 50% at 80% 20%,rgba(255,107,74,.2) 0%,transparent 50%),linear-gradient(160deg,#1a1a2e,#16213e 40%,#0f3460);color:#fff;text-align:center;padding:100px 24px 80px;position:relative;overflow:hidden;min-height:520px;display:flex;align-items:center;justify-content:center}.hero:before{content:"";position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.12) 0%,transparent 70%);top:-100px;right:-100px;animation:float-orb 8s ease-in-out infinite}.hero:after{content:"";position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(59,76,202,.15) 0%,transparent 70%);bottom:-80px;left:-80px;animation:float-orb 10s ease-in-out infinite reverse}@keyframes float-orb{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-20px) scale(1.05)}66%{transform:translate(-20px,15px) scale(.95)}}.hero-grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:60px 60px;pointer-events:none}.hero-card-float{position:absolute;width:120px;height:168px;border-radius:12px;border:2px solid rgba(255,255,255,.08);background:linear-gradient(135deg,#ffffff0d,#ffffff05);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none}.hero-card-float:nth-child(1){top:10%;left:5%;transform:rotate(-15deg);animation:card-float-1 12s ease-in-out infinite}.hero-card-float:nth-child(2){top:20%;right:8%;transform:rotate(12deg);animation:card-float-2 14s ease-in-out infinite}.hero-card-float:nth-child(3){bottom:15%;left:10%;transform:rotate(8deg);animation:card-float-3 10s ease-in-out infinite;width:90px;height:126px}.hero-card-float:nth-child(4){bottom:20%;right:5%;transform:rotate(-20deg);animation:card-float-1 16s ease-in-out infinite reverse;width:80px;height:112px}@keyframes card-float-1{0%,to{transform:rotate(-15deg) translateY(0)}50%{transform:rotate(-12deg) translateY(-20px)}}@keyframes card-float-2{0%,to{transform:rotate(12deg) translateY(0)}50%{transform:rotate(15deg) translateY(-25px)}}@keyframes card-float-3{0%,to{transform:rotate(8deg) translateY(0)}50%{transform:rotate(5deg) translateY(-15px)}}.hero-content{position:relative;z-index:2;max-width:720px;margin:0 auto}.app-icon{width:120px;height:120px;border-radius:28px;display:flex;align-items:center;justify-content:center;margin:0 auto 28px;overflow:hidden;box-shadow:0 8px 32px #0000004d,0 0 0 4px #ffffff26;animation:icon-pulse 3s ease-in-out infinite}.app-icon img{width:100%;height:100%;object-fit:cover;display:block}@keyframes icon-pulse{0%,to{box-shadow:0 8px 32px #2563eb4d,0 0 0 4px #ffffff1a}50%{box-shadow:0 8px 48px #2563eb66,0 0 0 8px #ffffff0d}}.hero h1{font-size:3em;font-weight:800;margin-bottom:16px;letter-spacing:-1px;line-height:1.15;background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero>.hero-content>p{font-size:1.15em;opacity:.75;max-width:540px;margin:0 auto 36px;line-height:1.8;font-weight:400}.badge-row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.badge{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 18px;border-radius:50px;font-size:.85em;font-weight:500;border:1px solid rgba(255,255,255,.1);transition:all var(--transition-fast)}.badge:hover{background:#ffffff2e;border-color:#fff3;transform:translateY(-2px)}.download-btn{display:inline-flex;align-items:center;gap:10px;background:#fff;color:var(--text);padding:16px 36px;border-radius:50px;font-weight:700;font-size:1em;margin-top:32px;transition:all var(--transition-bounce);box-shadow:0 4px 20px #0003;position:relative;overflow:hidden}.download-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--primary),var(--primary-light));opacity:0;transition:opacity var(--transition-fast)}.download-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 32px #00000040;color:#fff}.download-btn:hover:before{opacity:1}.download-btn span{position:relative;z-index:1}.download-btn:active{transform:translateY(-1px) scale(.98)}.section{max-width:1100px;margin:0 auto;padding:80px 24px}.section-title{text-align:center;margin-bottom:56px}.section-title h2{font-size:2.2em;font-weight:800;margin-bottom:12px;letter-spacing:-.5px;color:var(--text)}.section-title p{color:var(--text-light);font-size:1.05em;max-width:500px;margin:0 auto}.section-title h2:after{content:"";display:block;width:40px;height:4px;background:linear-gradient(90deg,var(--primary),var(--primary-light));border-radius:2px;margin:16px auto 0}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}.feature-card{background:var(--card-bg);border-radius:var(--radius);padding:36px 32px;box-shadow:var(--shadow-sm);transition:all var(--transition-smooth);position:relative;overflow:hidden;border:1px solid rgba(0,0,0,.04)}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--primary-light));opacity:0;transition:opacity var(--transition-fast)}.feature-card:nth-child(1):before{background:linear-gradient(90deg,var(--primary),var(--primary-light))}.feature-card:nth-child(2):before{background:linear-gradient(90deg,#3b4cca,#5b6bef)}.feature-card:nth-child(3):before{background:linear-gradient(90deg,#ffb800,#ffde00)}.feature-card:nth-child(4):before{background:linear-gradient(90deg,#00b894,#55efc4)}.feature-card:nth-child(5):before{background:linear-gradient(90deg,#a855f7,#c084fc)}.feature-card:nth-child(6):before{background:linear-gradient(90deg,#f97316,#fb923c)}.feature-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:transparent}.feature-card:hover:before{opacity:1}.feature-icon{display:none}.feature-card{border-left:4px solid transparent}.feature-card:nth-child(1){border-left-color:var(--primary)}.feature-card:nth-child(2){border-left-color:var(--primary-light)}.feature-card:nth-child(3){border-left-color:var(--accent-warm)}.feature-card:nth-child(4){border-left-color:#38b2ac}.feature-card:nth-child(5){border-left-color:var(--secondary)}.feature-card:nth-child(6){border-left-color:#f59e0b}.feature-card h3{font-size:1.15em;margin-bottom:10px;font-weight:700;color:var(--text)}.feature-card p{color:var(--text-light);font-size:.92em;line-height:1.75}.detail-section{padding:80px 24px;position:relative}.detail-section:nth-child(2n){background:var(--bg-warm)}.detail-section-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.detail-section:nth-child(2n) .detail-section-inner{direction:rtl}.detail-section:nth-child(2n) .detail-section-inner>*{direction:ltr}.detail-text h2{font-size:2em;font-weight:800;margin-bottom:8px;letter-spacing:-.5px}.detail-text .detail-subtitle{color:var(--text-light);font-size:1.05em;margin-bottom:28px}.detail-items{display:flex;flex-direction:column;gap:20px}.detail-item{display:flex;gap:16px;align-items:flex-start}.detail-item-number{width:36px;height:36px;min-width:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85em;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary-light));margin-top:2px}.detail-item-content h4{font-size:1em;font-weight:700;margin-bottom:4px}.detail-item-content p{font-size:.9em;color:var(--text-light);line-height:1.65}.phone-mockup{width:260px;height:520px;background:linear-gradient(145deg,#1a1a2e,#2d2d44);border-radius:40px;padding:12px;position:relative;margin:0 auto;box-shadow:0 20px 60px #00000040,inset 0 1px #ffffff1a}.phone-mockup-screen{width:100%;height:100%;border-radius:28px;overflow:hidden;position:relative}.phone-screenshot{width:100%;height:100%;object-fit:cover;display:block}.screenshot-showcase{padding-top:20px;padding-bottom:20px}.screenshot-scroll{display:flex;gap:24px;overflow-x:auto;padding:20px 0;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;justify-content:center}.screenshot-scroll::-webkit-scrollbar{display:none}.screenshot-phone{flex:0 0 auto;width:220px;height:440px;background:linear-gradient(145deg,#1a1a2e,#2d2d44);border-radius:32px;padding:10px;scroll-snap-align:center;box-shadow:0 12px 40px #00000026;transition:transform var(--transition-smooth)}.screenshot-phone:hover{transform:translateY(-8px)}.screenshot-phone img{width:100%;height:100%;object-fit:cover;border-radius:22px;display:block}@media (max-width: 768px){.screenshot-scroll{justify-content:flex-start;padding-left:20px;padding-right:20px}.screenshot-phone{width:180px;height:360px}}.phone-screen-cards{background:linear-gradient(180deg,#1e3a5f,#0f2847);height:100%;padding:20px 16px;display:flex;flex-direction:column;gap:10px}.phone-screen-header{text-align:center;padding:8px 0;font-size:11px;color:#ffffffe6;font-weight:600;letter-spacing:.5px}.phone-screen-search{background:#ffffff1a;border-radius:10px;padding:8px 12px;font-size:10px;color:#fff6}.phone-mini-card{background:linear-gradient(135deg,#ffffff1f,#ffffff0f);border-radius:10px;padding:12px;display:flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.08)}.phone-mini-card-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px}.phone-mini-card-icon.fire{background:linear-gradient(135deg,#ef4444,#dc2626)}.phone-mini-card-icon.water{background:linear-gradient(135deg,#4fc3f7,#0288d1)}.phone-mini-card-icon.grass{background:linear-gradient(135deg,#66bb6a,#2e7d32)}.phone-mini-card-icon.electric{background:linear-gradient(135deg,#ffee58,#f9a825)}.phone-mini-card-icon.psychic{background:linear-gradient(135deg,#ce93d8,#7b1fa2)}.phone-mini-card-text{flex:1}.phone-mini-card-text span:first-child{display:block;font-size:10px;font-weight:600;color:#ffffffe6}.phone-mini-card-text span:last-child{font-size:9px;color:#ffffff73}.phone-mini-card-badge{font-size:8px;padding:3px 8px;border-radius:50px;font-weight:600;color:#fff}.phone-mini-card-badge.rare{background:linear-gradient(135deg,#ffb800,#ff8c00)}.phone-mini-card-badge.common{background:#ffffff26}.phone-screen-prob{background:linear-gradient(180deg,#1a0a2e,#16213e);height:100%;padding:20px 16px;display:flex;flex-direction:column;gap:12px}.prob-ring{width:100px;height:100px;border-radius:50%;border:8px solid rgba(255,255,255,.08);border-top-color:var(--primary-light);border-right-color:var(--accent);margin:8px auto;position:relative;animation:prob-spin 8s linear infinite}@keyframes prob-spin{to{transform:rotate(360deg)}}.prob-ring:after{content:"73%";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;color:#fff}.prob-bar{display:flex;align-items:center;gap:8px;font-size:9px;color:#fff9}.prob-bar-fill{height:6px;border-radius:3px;flex:1;background:#ffffff14;overflow:hidden}.prob-bar-fill:after{content:"";display:block;height:100%;border-radius:3px}.prob-bar:nth-child(3) .prob-bar-fill:after{width:73%;background:linear-gradient(90deg,var(--primary),var(--primary-light))}.prob-bar:nth-child(4) .prob-bar-fill:after{width:45%;background:linear-gradient(90deg,var(--secondary),var(--secondary-light))}.prob-bar:nth-child(5) .prob-bar-fill:after{width:88%;background:linear-gradient(90deg,#00b894,#55efc4)}.prob-bar:nth-child(6) .prob-bar-fill:after{width:32%;background:linear-gradient(90deg,#a855f7,#c084fc)}.phone-screen-decks{background:linear-gradient(180deg,#0f2027,#203a43,#2c5364);height:100%;padding:20px 16px;display:flex;flex-direction:column;gap:10px}.deck-mini-item{background:#ffffff14;border-radius:10px;padding:10px 12px;display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.05)}.deck-mini-rank{font-size:16px;font-weight:800;color:var(--accent);width:24px;text-align:center}.deck-mini-info{flex:1}.deck-mini-info span:first-child{display:block;font-size:10px;font-weight:600;color:#ffffffe6}.deck-mini-info span:last-child{font-size:8px;color:#fff6}.deck-mini-rate{font-size:10px;font-weight:700;color:#55efc4}.phone-screen-trade{background:linear-gradient(180deg,#1a1a2e,#16213e);height:100%;padding:20px 16px;display:flex;flex-direction:column;gap:8px}.trade-chat-bubble{max-width:75%;padding:8px 12px;border-radius:12px;font-size:9px;line-height:1.5}.trade-chat-bubble.left{background:#ffffff1a;color:#fffc;align-self:flex-start;border-bottom-left-radius:4px}.trade-chat-bubble.right{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;align-self:flex-end;border-bottom-right-radius:4px}.trade-card-offer{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:10px;display:flex;align-items:center;gap:8px;margin:4px 0}.trade-arrow{font-size:14px;color:var(--accent)}.trade-mini-card{width:40px;height:56px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:16px}.highlight-section{background:linear-gradient(135deg,#1a1a2e,#16213e 60%,#0f3460);color:#fff;padding:80px 24px;position:relative;overflow:hidden}.highlight-section:before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;border:2px solid rgba(255,255,255,.04);top:-80px;left:-80px}.highlight-section:after{content:"";position:absolute;width:200px;height:200px;border-radius:50%;border:2px solid rgba(255,255,255,.04);bottom:-60px;right:-60px}.highlight-grid{max-width:900px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:32px;text-align:center;position:relative;z-index:1}.highlight-item{padding:24px;border-radius:var(--radius);background:#ffffff0a;border:1px solid rgba(255,255,255,.06);transition:all var(--transition-smooth)}.highlight-item:hover{background:#ffffff14;transform:translateY(-4px)}.highlight-item h3{font-size:2.5em;font-weight:800;background:linear-gradient(135deg,#ffde00,#ffb800);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.highlight-item p{opacity:.6;margin-top:8px;font-size:.9em;font-weight:500}.wave-divider{height:80px;position:relative;overflow:hidden;background:var(--bg)}.wave-divider.from-dark{background:linear-gradient(135deg,#1a1a2e,#16213e 60%,#0f3460)}.wave-divider svg{position:absolute;bottom:0;width:100%;height:80px}.wave-divider.from-dark svg path{fill:var(--bg)}.wave-divider.to-dark svg path{fill:#1a1a2e}.page-header{background:radial-gradient(ellipse 60% 50% at 80% 20%,rgba(59,76,202,.2) 0%,transparent 50%),radial-gradient(ellipse 60% 50% at 20% 80%,rgba(37,99,235,.15) 0%,transparent 50%),linear-gradient(160deg,#1a1a2e,#16213e 40%,#0f3460);color:#fff;text-align:center;padding:80px 24px 56px;position:relative;overflow:hidden}.page-header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:50px 50px;pointer-events:none}.page-header h1{font-size:2.4em;font-weight:800;margin-bottom:12px;letter-spacing:-.5px;position:relative}.page-header p{opacity:.65;font-size:1.05em;position:relative}.container{max-width:800px;margin:0 auto;padding:56px 24px}.support-section{margin-bottom:48px}.support-section h2{font-size:1.4em;font-weight:700;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid transparent;border-image:linear-gradient(90deg,var(--primary),transparent) 1;color:var(--text)}.contact-card{background:#fff;border-radius:var(--radius);padding:28px;box-shadow:var(--shadow-sm);margin-bottom:16px;border:1px solid rgba(0,0,0,.04);transition:all var(--transition-fast)}.contact-card:hover{box-shadow:var(--shadow-md)}.contact-card h3{font-size:1.1em;margin-bottom:10px;display:flex;align-items:center;gap:8px}.contact-card p{color:var(--text-light);font-size:.95em}.contact-card a{color:var(--primary);font-weight:600;text-decoration:none;border-bottom:2px solid transparent;transition:border-color var(--transition-fast)}.contact-card a:hover{border-bottom-color:var(--primary)}.faq-item{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:12px;border:1px solid rgba(0,0,0,.04);overflow:hidden;transition:all var(--transition-fast)}.faq-item:hover{box-shadow:var(--shadow-md)}.faq-question{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;cursor:pointer;-webkit-user-select:none;user-select:none;gap:16px;transition:background var(--transition-fast)}.faq-question:hover{background:#2563eb08}.faq-question h3{font-size:1em;color:var(--text);font-weight:600;flex:1;margin:0}.faq-chevron{width:28px;height:28px;min-width:28px;border-radius:50%;background:#2563eb14;display:flex;align-items:center;justify-content:center;transition:all var(--transition-smooth);color:var(--primary);font-size:14px;font-weight:700}.faq-item.open .faq-chevron{transform:rotate(180deg);background:var(--primary);color:#fff}.faq-answer{max-height:0;overflow:hidden;transition:max-height var(--transition-smooth),padding var(--transition-smooth)}.faq-item.open .faq-answer{max-height:300px}.faq-answer-inner{padding:16px 24px 20px;color:var(--text-light);font-size:.93em;line-height:1.75;border-top:1px solid rgba(0,0,0,.06)}.search-bar{position:relative;margin-bottom:32px}.search-bar input{width:100%;padding:16px 20px;border:2px solid rgba(0,0,0,.08);border-radius:50px;font-size:.95em;background:#fff;color:var(--text);outline:none;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);font-family:inherit}.search-bar input::placeholder{color:var(--text-muted)}.search-bar input:focus{border-color:var(--primary);box-shadow:0 0 0 4px #2563eb1a}.update-date{background:#fff;border-radius:var(--radius);padding:20px 28px;box-shadow:var(--shadow-sm);margin-bottom:40px;font-size:.92em;color:var(--text-light);border:1px solid rgba(0,0,0,.04);border-left:4px solid var(--primary)}.policy-section{margin-bottom:36px}.policy-section h2{font-size:1.35em;font-weight:700;margin-bottom:16px;padding-left:16px;border-left:4px solid var(--primary);color:var(--text)}.policy-content{background:#fff;border-radius:var(--radius);padding:28px;box-shadow:var(--shadow-sm);border:1px solid rgba(0,0,0,.04)}.policy-content p{margin-bottom:12px;font-size:.93em;line-height:1.8}.policy-content p:last-child{margin-bottom:0}.policy-content ul{padding-left:24px;margin-bottom:12px}.policy-content li{margin-bottom:10px;font-size:.93em;line-height:1.8}.highlight-box{background:linear-gradient(135deg,#fff8e0,#fff3cc);border-left:4px solid #FFDE00;padding:16px 20px;border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin:16px 0;font-size:.93em;font-weight:500}.sys-req-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.sys-req-item{background:#fff;border-radius:var(--radius-sm);padding:16px 20px;box-shadow:var(--shadow-sm);border:1px solid rgba(0,0,0,.04);display:flex;align-items:center;gap:12px;font-size:.92em;color:var(--text-light);transition:all var(--transition-fast)}.sys-req-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.animate-in{opacity:0;transform:translateY(30px);transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1)}.animate-in.visible{opacity:1;transform:translateY(0)}.animate-in-delay-1{transition-delay:.1s}.animate-in-delay-2{transition-delay:.2s}.animate-in-delay-3{transition-delay:.3s}.energy-dot{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:4px}.energy-fire{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 0 6px #ef444466}.energy-water{background:linear-gradient(135deg,#0288d1,#4fc3f7);box-shadow:0 0 6px #0288d166}.energy-grass{background:linear-gradient(135deg,#2e7d32,#66bb6a);box-shadow:0 0 6px #2e7d3266}.energy-electric{background:linear-gradient(135deg,#f9a825,#ffee58);box-shadow:0 0 6px #f9a82566}.energy-psychic{background:linear-gradient(135deg,#7b1fa2,#ce93d8);box-shadow:0 0 6px #7b1fa266}@media (max-width: 1024px){.detail-section-inner{grid-template-columns:1fr;gap:40px}.detail-section:nth-child(2n) .detail-section-inner{direction:ltr}.phone-mockup{width:220px;height:440px}}@media (max-width: 768px){.hero{padding:80px 20px 60px;min-height:auto}.hero h1{font-size:2em}.hero-card-float{display:none}.features{grid-template-columns:1fr}.section{padding:56px 20px}.section-title h2{font-size:1.8em}.highlight-grid{grid-template-columns:repeat(2,1fr);gap:16px}.highlight-item h3{font-size:2em}.page-header h1{font-size:1.8em}.page-header{padding:60px 20px 40px}.container{padding:36px 16px}.sys-req-grid{grid-template-columns:1fr}.phone-mockup{width:200px;height:400px}.detail-section{padding:56px 20px}}@media (max-width: 480px){.hero h1{font-size:1.7em}.highlight-grid{grid-template-columns:1fr 1fr}.badge{font-size:.8em;padding:6px 14px}}