@keyframes pulse-icon{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}:root{--indigo:#6366f1;--indigo-dark:#4338ca;--indigo-light:#818cf8;--indigo-50:#eef2ff;--indigo-100:#e0e7ff;--slate-50:#f8fafc;--slate-100:#f1f5f9;--slate-200:#e2e8f0;--slate-400:#94a3b8;--slate-600:#475569;--slate-700:#334155;--slate-900:#1e293b;--green:#22c55e;--radius:12px;--shadow-card:0 4px 24px rgba(99,102,241,0.10);--bg-page:var(--slate-50);--bg-elevated:#ffffff;--bg-muted:var(--slate-50);--bg-accent:var(--indigo-50);--border-soft:var(--slate-200);--border-subtle:var(--slate-100);--text-main:var(--slate-900);--text-muted:var(--slate-600);--text-soft:var(--slate-400);--navbar-bg:rgba(255, 255, 255, 0.88);--hero-bg:linear-gradient(135deg, var(--indigo-50) 0%, var(--slate-50) 100%);--stats-bg:#ffffff;--faq-bg:#ffffff;--footer-bg:var(--slate-900);--footer-text:var(--slate-400);--input-bg:var(--slate-50);--input-border:var(--slate-200);--modal-bg:#ffffff;--dropdown-bg:#ffffff;--dropdown-border:rgba(0,0,0,.15);--dropdown-hover:#f8f9fa;--warning-bg:#fffbeb;--warning-border:#fde68a;--warning-text:#b45309}[data-theme=dark]{--indigo:#8b93ff;--indigo-dark:#a5b4fc;--indigo-light:#6366f1;--indigo-50:rgba(99, 102, 241, 0.16);--indigo-100:rgba(129, 140, 248, 0.22);--slate-50:#07111f;--slate-100:#0d1726;--slate-200:#1b2940;--slate-400:#89a0bf;--slate-600:#b2c0d6;--slate-700:#d3dded;--slate-900:#f3f6fb;--shadow-card:0 18px 48px rgba(2, 6, 23, 0.42);--bg-page:#050d18;--bg-elevated:#0b1524;--bg-muted:#0f1b2d;--bg-accent:linear-gradient(180deg, rgba(99, 102, 241, 0.16), rgba(15, 23, 42, 0.65));--border-soft:#22314b;--border-subtle:#162337;--text-main:#edf3ff;--text-muted:#b5c4da;--text-soft:#88a0c2;--navbar-bg:rgba(7, 13, 24, 0.84);--hero-bg:radial-gradient(circle at top, rgba(99, 102, 241, 0.26), transparent 36%),
    radial-gradient(circle at 80% 20%, rgba(34, 197, 94, 0.12), transparent 24%),
    linear-gradient(180deg, #08111d 0%, #050d18 100%);--stats-bg:#08111d;--faq-bg:#07111f;--footer-bg:#030814;--footer-text:#89a0bf;--input-bg:#101b2c;--input-border:#243550;--modal-bg:#0b1524;--dropdown-bg:#0d1828;--dropdown-border:rgba(137,160,191,.18);--dropdown-hover:#132136;--warning-bg:rgba(180, 83, 9, 0.16);--warning-border:rgba(245, 158, 11, 0.35);--warning-text:#fbbf24}*,::after,::before{box-sizing:border-box}body{font-family:"Noto Sans",system-ui,-apple-system,sans-serif;background:var(--bg-page);color:var(--text-main);margin:0;transition:background-color .25s ease,color .25s ease}:lang(ja){font-family:"Noto Sans JP",system-ui,sans-serif}:lang(ko){font-family:"Noto Sans KR",system-ui,sans-serif}:lang(zh){font-family:"Noto Sans SC",system-ui,sans-serif}:lang(zh-TW){font-family:"Noto Sans TC",system-ui,sans-serif}:lang(ar),:lang(fa){font-family:"Noto Sans Arabic",system-ui,sans-serif}:lang(hi){font-family:"Noto Sans Devanagari",system-ui,sans-serif}:lang(th){font-family:"Noto Sans Thai",system-ui,sans-serif}.blog-breadcrumb a:hover,.blog-related-card h3 a:hover,.resource-card h3 a:hover,.text-indigo{color:var(--indigo)}#activationNotice{color:var(--text-soft)}.text-indigo-light{color:var(--indigo-light)}.btn-indigo{background:linear-gradient(135deg,var(--indigo),var(--indigo-light));color:#fff;border:0}.btn-indigo:hover{background:linear-gradient(135deg,var(--indigo-dark),var(--indigo));color:#fff}.btn-outline-indigo{border:1.5px solid var(--indigo);color:var(--indigo);background:var(--bg-elevated)}.btn-outline-indigo:hover{background:var(--indigo-50);color:var(--indigo-dark)}.navbar{box-shadow:0 1px 0 var(--border-soft);background:var(--navbar-bg)!important;border-color:var(--border-soft)!important;backdrop-filter:blur(16px)}.navbar-brand{font-size:1.25rem;font-weight:800;color:var(--text-main)!important;letter-spacing:-.5px}.nav-link{color:var(--text-muted)!important}.nav-link:focus,.nav-link:hover{color:var(--text-main)!important}#languageSelect,.theme-toggle-btn{border-color:var(--border-soft);background:var(--bg-elevated);color:var(--text-main)}#languageSelect{font-size:.8rem}.theme-toggle-btn{min-width:92px}.theme-toggle-btn:focus,.theme-toggle-btn:hover{border-color:var(--indigo);background:var(--bg-accent);color:var(--text-main)}.theme-toggle-label{font-size:.78rem;font-weight:700}[data-theme=dark] .navbar-toggler{filter:invert(1) brightness(1.2)}.hero-section{background:var(--hero-bg);padding:60px 0 48px}.badge-energy{background:var(--indigo-100);color:var(--indigo-dark);border-radius:20px;padding:4px 14px;font-size:.75rem;font-weight:700;letter-spacing:.04em}.hero-headline{font-size:2rem;font-weight:800;color:var(--text-main);line-height:1.2}.hero-sub{color:var(--text-muted);font-size:1rem}.form-card{background:var(--bg-elevated);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow-card);border:1px solid var(--border-soft);text-align:start}.addr-input{font-size:.78rem;font-family:monospace}.form-label-i18n{font-size:.7rem;font-weight:700;color:var(--indigo);letter-spacing:.08em;margin-bottom:6px}.energy-hint{font-size:.72rem;color:var(--text-soft)}.energy-stepper{display:flex;align-items:center;gap:8px}.stepper-btn,.stepper-input{border:1.5px solid var(--input-border);border-radius:8px;background:var(--input-bg)}.stepper-btn{width:36px;height:36px;font-size:1.1rem;font-weight:700;color:var(--text-muted);cursor:pointer;flex-shrink:0;transition:all .15s;line-height:1}.stepper-btn:hover{border-color:var(--indigo);color:var(--indigo);background:var(--indigo-50)}.stepper-input{width:90px;padding:6px 8px;font-size:.85rem;font-weight:600;text-align:center;color:var(--text-main);-moz-appearance:textfield}.stepper-input::-webkit-inner-spin-button,.stepper-input::-webkit-outer-spin-button{-webkit-appearance:none}.stepper-input:focus{outline:0;border-color:var(--indigo);background:var(--bg-elevated)}.stepper-hint{font-size:.82rem;color:var(--text-muted);white-space:nowrap}.order-cost strong,.stepper-hint strong{color:var(--text-main)}.preset-group{display:flex;gap:8px;flex-wrap:wrap}.preset-btn{border:1.5px solid var(--input-border);background:var(--input-bg);color:var(--text-muted);border-radius:8px;padding:6px 14px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s}.preset-btn.active,.preset-btn:hover{border-color:var(--indigo);background:var(--indigo-50);color:var(--indigo-dark)}.order-summary{background:var(--bg-muted);border-radius:8px;padding:12px 14px;border:1px solid var(--border-soft)}.order-row{display:flex;justify-content:space-between;align-items:center;font-size:.88rem;color:var(--text-muted);padding:4px 0}.order-row+.order-row{border-top:1px solid var(--border-subtle);margin-top:5px;padding-top:9px}.order-label{font-size:.68rem;font-weight:700;color:var(--indigo);letter-spacing:.06em;text-transform:uppercase}.order-cost strong{font-size:1rem}.savings-badge{display:block;background:rgba(34,197,94,.16);color:#34d399;border-radius:20px;padding:4px 12px;font-size:.75rem;font-weight:700;text-align:center;width:100%}.pay-btn-row{display:flex;gap:10px}.btn-pay-now,.btn-rent{padding:12px;font-size:.95rem;font-weight:700;border-radius:10px}.btn-pay-now{background:#22c55e;color:#fff;border:0;font-size:1rem}.btn-pay-now:hover{background:#16a34a;color:#fff}.pay-modal-content{border:0;border-radius:16px;overflow:hidden}.pay-modal-header{background:linear-gradient(135deg,var(--indigo),var(--indigo-light));padding:16px 20px;display:flex;align-items:flex-start;justify-content:space-between;border:0}.pay-modal-header .modal-title{color:#fff;font-size:.85rem;letter-spacing:.04em;text-transform:uppercase;opacity:.85}.pay-amount-badge{color:#fff;font-size:1.15rem;font-weight:800;letter-spacing:-.3px}.pay-modal-body{padding:20px;background:var(--modal-bg);text-align:center}.pay-instruction{font-size:.78rem;color:var(--text-soft);text-transform:uppercase;letter-spacing:.06em;margin-bottom:14px}.pay-qr-block{flex-direction:column;margin:0 auto;width:fit-content}.pay-address-row,.pay-qr-block,.pay-qr-wrap{display:flex;align-items:center}.pay-qr-wrap{justify-content:center;background:var(--bg-elevated);border:2px solid var(--indigo-100);border-radius:12px;padding:12px}.pay-qr-block .pay-address-row{width:100%}.pay-address-row{gap:6px;background:var(--bg-muted);border:1px solid var(--border-soft);border-radius:6px;padding:4px 8px}.pay-address-text{flex:1;font-family:monospace;font-size:.78rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start}.btn-copy{background:var(--indigo-50);color:var(--indigo-dark);border:1px solid var(--indigo-100);font-size:.75rem;padding:2px 10px;border-radius:6px;white-space:nowrap}.btn-copy:hover{background:var(--indigo-100)}.how-card p,.pay-note{color:var(--text-muted)}.pay-note,.pay-subnote{font-size:.82rem;margin-bottom:0}.pay-subnote{font-size:.7rem;color:var(--text-soft)}.pay-exact{color:var(--indigo-dark);font-weight:800}.pay-warning{font-size:.75rem;color:var(--warning-text);background:var(--warning-bg);border:1px solid var(--warning-border);border-radius:8px;padding:6px 10px;margin-bottom:0}.pay-meta{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}.pay-meta-item,.pay-meta-sep{font-size:.75rem}.pay-meta-sep{color:var(--text-soft)}.pay-expire{color:#b45309}.pay-expire strong{color:#92400e}.pay-usage{color:#1d4ed8}.pay-usage strong{color:#1e40af}.pay-order-note{font-size:.72rem;color:var(--text-soft);margin-bottom:0}.success-modal-content{border:0;border-radius:16px;box-shadow:0 8px 32px rgba(99,102,241,.15)}.success-icon{font-size:2.5rem;animation:pulse-icon .6s ease}.success-order-id{font-family:monospace}.stats-bar{background:var(--stats-bg);border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft);padding:20px 0}.stat-item{padding:8px}.stat-value{font-size:1.4rem;font-weight:800;color:var(--indigo)}.stat-value.neutral{color:var(--text-main)}.stat-value.green{color:var(--green)}.stat-label{font-size:.72rem;color:var(--text-soft);margin-top:2px}.how-section{background:var(--bg-page);padding:56px 0}.section-title{font-size:1.6rem;font-weight:800;margin-bottom:32px}.how-card{background:var(--bg-elevated);border-radius:var(--radius);padding:28px 20px;border:1px solid var(--border-soft);height:100%}.how-step{font-size:2rem;margin-bottom:12px}.how-card h5{font-weight:700;margin-bottom:8px}.how-card p{font-size:.9rem;margin:0}.faq-section{background:var(--faq-bg);padding:56px 0}.accordion-item{background:var(--bg-elevated);border-color:var(--border-soft)}.accordion-button{background:var(--bg-elevated);color:var(--text-main)}.accordion-button:not(.collapsed){color:var(--indigo);background:var(--indigo-50);box-shadow:none}.accordion-button:focus{box-shadow:0 0 0 .2rem rgba(99,102,241,.25)}.accordion-body{background:var(--bg-elevated);color:var(--text-muted)}[data-theme=dark] .accordion-button::after,[data-theme=dark] .btn-close{filter:invert(1) brightness(1.15)}.resources-section{background:radial-gradient(circle at top right,rgba(99,102,241,.12),transparent 28%),var(--bg-page);padding:56px 0 64px}.resources-heading{max-width:760px;margin:0 auto 10px}.resources-kicker{display:inline-block;margin-bottom:10px;color:var(--indigo);font-size:.75rem;font-weight:800;letter-spacing:.12em}.resources-subtitle{color:var(--text-muted);font-size:.98rem;margin:0 auto}.resource-card{height:100%;background:var(--bg-elevated);border:1px solid var(--border-soft);border-radius:16px;padding:22px 22px 20px;box-shadow:var(--shadow-card)}.resource-tag{display:inline-flex;align-items:center;justify-content:center;min-width:74px;padding:5px 10px;border-radius:999px;margin-bottom:14px;background:var(--indigo-50);color:var(--indigo-dark);font-size:.72rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.resource-card h3{font-size:1.08rem;line-height:1.35;margin-bottom:10px}.blog-breadcrumb a,.blog-related-card h3 a,.resource-card h3 a,.resource-link{color:var(--text-main);text-decoration:none}.resource-card p{color:var(--text-muted);font-size:.92rem;margin-bottom:16px}.resource-link{color:var(--indigo);font-weight:700}.resource-link:hover{color:var(--indigo-dark)}.blog-article-shell{max-width:860px;margin:0 auto 44px;padding:28px 28px 32px;background:var(--bg-elevated);border:1px solid var(--border-soft);border-radius:18px;box-shadow:var(--shadow-card)}.blog-breadcrumb{margin-bottom:16px;color:var(--text-soft);font-size:.88rem}.blog-breadcrumb a{color:var(--text-soft)}.blog-breadcrumb span{margin:0 8px}.blog-article-title{font-size:2.3rem;line-height:1.14;margin-bottom:14px;color:var(--text-main)}.blog-article-lead{color:var(--text-muted);font-size:1.05rem;margin-bottom:28px}.blog-article-section+.blog-article-section{margin-top:26px}.blog-article-section h2{font-size:1.28rem;margin-bottom:10px;color:var(--text-main)}.blog-article-section p{color:var(--text-muted);line-height:1.76;margin-bottom:14px}.blog-related-wrap{margin-top:10px}.blog-related-card{height:100%;background:var(--bg-elevated);border:1px solid var(--border-soft);border-radius:16px;padding:20px}.blog-related-card h3{font-size:1rem;line-height:1.4;margin-bottom:10px}.blog-related-card p{color:var(--text-muted);font-size:.9rem}.site-footer{background:var(--footer-bg);padding:20px 0}.footer-logo{font-weight:800;color:#fff;font-size:1rem}.footer-copy{font-size:.8rem;color:var(--footer-text)}.qr-video-wrap{border-radius:var(--radius);overflow:hidden;background:#000;aspect-ratio:1;max-width:280px;margin:0 auto}.qr-video-wrap video{width:100%;height:100%;object-fit:cover;display:block}[dir=rtl] .navbar-nav{padding-right:0}[dir=rtl] .form-card{text-align:start}[dir=rtl] .input-group,[dir=rtl] .preset-group{flex-direction:row-reverse}[dir=rtl] .input-group .btn{border-radius:8px 0 0 8px!important}[dir=rtl] .input-group .form-control{border-radius:0 8px 8px 0!important}@media (max-width:991px){#navMenu{padding:8px 0 4px;border-top:1px solid var(--slate-100);margin-top:8px}}@media (max-width:768px){.hero-headline{font-size:1.5rem}.hero-section{padding:32px 0 24px}.stat-value{font-size:1.1rem}.faq-section,.how-section{padding:36px 0}.section-title{font-size:1.3rem;margin-bottom:20px}}@media (max-width:576px){.form-card{padding:16px 14px;border-radius:10px}.hero-headline{font-size:1.3rem}.hero-section{padding:24px 0 20px}.hero-sub{font-size:.9rem}.preset-group{gap:6px}.preset-btn{flex:1;min-width:0;padding:7px 4px;font-size:.8rem;text-align:center}.order-summary{padding:10px 12px}.btn-pay-now,.btn-rent{padding:10px;font-size:.85rem}.stat-value{font-size:1rem}.stat-label{font-size:.68rem}.stat-item{padding:6px 4px}#payModal .modal-dialog,#successModal .modal-dialog{margin:auto 0 0;max-width:100%}.pay-modal-content,.success-modal-content{border-radius:16px 16px 0 0}.pay-qr-wrap{padding:8px}.site-footer .container{flex-direction:column;gap:4px;text-align:center}}.wallet-dropdown{position:absolute;top:calc(100% + 6px);right:0;background:var(--dropdown-bg);border:1px solid var(--border-soft);border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.1);min-width:160px;z-index:1050;overflow:hidden}.wallet-dropdown-item{display:block;width:100%;padding:10px 16px;background:0 0;border:0;text-align:start;font-size:.875rem;color:var(--text-main);cursor:pointer;white-space:nowrap}.wallet-dropdown-item:hover{background:var(--dropdown-hover)}.wallet-dropdown-item:focus-visible{outline:2px solid #6366f1;outline-offset:-2px;background:var(--indigo-50)}.wallet-dropdown-item.disconnect-btn{color:#e11d48;border-top:1px solid var(--border-subtle)}.wallet-dropdown-item.disconnect-btn:hover{background:rgba(225,29,72,.12)}.lang-menu{display:none;position:fixed;z-index:9999;min-width:160px;max-height:70vh;overflow-y:auto;background:var(--dropdown-bg);border:1px solid var(--dropdown-border);border-radius:.375rem;box-shadow:0 .5rem 1rem rgba(0,0,0,.175);list-style:none;padding:.25rem 0;margin:0}.lang-menu.open{display:block}.lang-menu .lang-option{display:block;width:100%;padding:.35rem 1rem;background:0 0;border:0;text-align:left;cursor:pointer;white-space:nowrap;font-size:.875rem;color:var(--text-main)}.lang-menu .lang-option:hover{background:var(--dropdown-hover)}.modal-content,.modal-footer,.modal-header{background-color:var(--bg-elevated);color:var(--text-main);border-color:var(--border-soft)}.form-control,.form-select{color:var(--text-main);background-color:var(--input-bg);border-color:var(--input-border)}.form-control::placeholder{color:var(--text-soft)}.btn-outline-secondary:focus,.form-control:focus,.form-select:focus{background-color:var(--bg-elevated);color:var(--text-main);border-color:var(--indigo);box-shadow:0 0 0 .2rem rgba(99,102,241,.18)}.btn-outline-secondary{background:var(--bg-elevated);color:var(--text-main);border-color:var(--border-soft)}.btn-outline-secondary:hover{background:var(--bg-muted);color:var(--text-main);border-color:var(--indigo)}.text-muted{color:var(--text-soft)!important}.alert-warning{background:var(--warning-bg);color:var(--warning-text);border-color:var(--warning-border)}