:root{background:#f4f7ec;color:#142019;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{margin:0;min-width:320px;overflow-x:hidden;width:100%}button,input{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit;text-decoration:none}h1,h2,p{margin-top:0}.app-frame{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh;width:100%}.sidebar{background:#142019;color:#fff;display:flex;flex-direction:column;gap:18px;min-width:0;padding:22px}.brand,.nav-link,.outline-button,.accent-button,.ghost-link{align-items:center;border-radius:8px;display:inline-flex;font-weight:900;justify-content:center;min-height:44px;padding:0 16px}.brand{background:transparent;color:inherit;justify-content:flex-start;padding:0}.logo{align-items:center;display:inline-flex;gap:10px}.logo-mark{align-items:center;background:#d6f527;border-radius:12px 12px 12px 4px;color:#142019;display:inline-flex;font-weight:950;height:42px;justify-content:center;width:46px}.logo-text{font-size:1.05rem;font-weight:950}nav{display:grid;gap:8px}.nav-link{background:transparent;color:#d9e4d0;justify-content:flex-start}.nav-link.active,.nav-link:hover:not(:disabled){background:#d6f52724;color:#d6f527}.accent-button{background:#d6f527;color:#142019}.ghost-link,.outline-button{background:transparent;border:1px solid #9ead9b;color:#142019}.outline-button{border-color:#ffffff57;color:#fff;margin-top:auto}.screen{min-width:0;padding:clamp(18px,4vw,42px)}.home-screen,.account-screen{display:grid;gap:0}.marketing-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,420px)}.hero-content{align-content:center;background:#d6f527;border-radius:8px 0 0 8px;display:grid;min-height:520px;padding:clamp(24px,5vw,62px)}.hero-content .logo{margin-bottom:28px}.hero-content .logo-mark{background:#142019;color:#d6f527}.eyebrow{color:#31583a;font-size:.76rem;font-weight:950;letter-spacing:0;margin-bottom:10px;text-transform:uppercase}.hero-content h1,.auth-copy h1,.account-header h1,.auth-required h1,.docs-section h2{font-size:clamp(2.45rem,6vw,5.8rem);letter-spacing:0;line-height:.95;margin-bottom:18px;max-width:980px}.hero-content p,.auth-copy p,.docs-section p,.account-header p{color:#31583a;font-size:1.06rem;line-height:1.55;max-width:690px}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.hero-mockup,.balance-card,.auth-card,.operation-card,.statement-card,.content-grid article,.docs-section,.story-section,.tech-section,.rules-section,.mockup-section,.site-footer{background:#fff;border:1px solid #dde6d4;border-radius:8px;box-shadow:0 18px 50px #14201914}.hero-mockup{align-content:center;background:#142019;border-radius:0 8px 8px 0;color:#fff;display:grid;gap:14px;min-height:520px;padding:30px}.mock-label{background:#d6f52724;border:1px solid rgb(214 245 39 / 26%);border-radius:999px;color:#d6f527;font-size:.78rem;font-weight:950;justify-self:start;padding:8px 12px;text-transform:uppercase}.mock-device{background:#eef4e8;border-radius:24px;box-shadow:0 28px 80px #00000047;display:grid;gap:10px;padding:14px;transform:rotate(-2deg)}.mock-browser{display:flex;gap:6px}.mock-browser span{background:#ffffff5c;border-radius:50%;height:10px;width:10px}.mock-balance{align-content:end;background:#142019;border-radius:8px;display:grid;min-height:150px;padding:18px}.hero-mockup p{color:#d9e4d0}.mock-balance small{color:#d6f527}.mock-balance strong{color:#d6f527;font-size:clamp(2.5rem,6vw,4.8rem);line-height:1}.mock-row{align-items:center;background:#fff;border-radius:8px;color:#142019;display:flex;justify-content:space-between;min-height:52px;padding:0 14px}.mock-row b{color:#31583a}.balance-card span{color:#d6f527;font-weight:950}.marketing-band{background:#fff;border-radius:0;color:#fff;padding:clamp(22px,4vw,36px)}.marketing-band p{color:#142019;font-size:clamp(1.35rem,3vw,2.25rem);line-height:1.2;margin-bottom:0;max-width:1080px}.story-section,.tech-section,.rules-section,.mockup-section{display:grid;gap:22px;padding:clamp(22px,4vw,36px)}.story-section{align-items:center;background:#142019;grid-template-columns:minmax(260px,.75fr) minmax(0,1fr)}.story-section .eyebrow,.story-section h2,.story-section>p{color:#fff}.story-section h2,.tech-section h2,.rules-section h2,.mockup-section h2{font-size:clamp(2rem,4vw,3.6rem);line-height:.98;margin-bottom:0}.mockup-copy p{color:#405044;font-size:1.08rem;line-height:1.6;margin-bottom:0}.story-section>p{color:#fff;font-size:1.08rem;line-height:1.6;margin-bottom:0}.content-grid{background:#fff;display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr));padding:clamp(22px,4vw,36px)}.content-grid article{padding:22px}.content-grid span{color:#31583a;font-weight:950}.content-grid h2,.operation-card h2,.statement-card h2{font-size:1.25rem;margin-bottom:10px}.content-grid p,.empty{color:#667466;line-height:1.5}.tech-section{background:#d6f527;grid-template-columns:minmax(260px,.75fr) minmax(0,1fr)}.tech-list{display:grid;gap:10px}.tech-list li{background:#fff;min-height:72px}.tech-list span{color:#31583a}.rules-grid{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.rules-section{background:#f4f7ec}.rules-grid article{background:#f4f7ec;border-radius:8px;padding:18px}.rules-grid h3{margin:0 0 8px}.rules-grid p{color:#667466;line-height:1.45;margin-bottom:0}.mockup-section{align-items:center;background:#142019;color:#fff;grid-template-columns:minmax(0,.9fr) minmax(300px,1fr)}.mockup-section .eyebrow,.mockup-copy p{color:#d9e4d0}.flow-mockups{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.small-screen{background:#fff;border-radius:8px;color:#142019;display:grid;gap:12px;min-height:260px;padding:20px;pointer-events:none}.small-screen.dark{background:#d6f527}.small-screen span{background:#f4f7ec;border-radius:8px;color:#667466;padding:12px}.small-screen b{align-self:end}.docs-section{align-items:center;background:#fff;display:grid;gap:22px;grid-template-columns:minmax(0,1fr) minmax(260px,360px);padding:clamp(22px,4vw,36px)}.docs-section h2{font-size:clamp(2rem,4vw,3.8rem)}.link-stack{display:grid;gap:10px}.link-stack a,.link-stack button{background:#f4f7ec;border:1px solid #dde6d4;border-radius:8px;color:#142019;font-weight:900;min-height:48px;padding:14px;text-align:left}.site-footer{background:#eef4e8;display:grid;gap:28px;padding:clamp(24px,4vw,42px)}.footer-top{align-items:center;display:flex;gap:18px;justify-content:space-between}.social-links,.footer-links{display:flex;flex-wrap:wrap;gap:14px}.social-links a,.footer-links a,.footer-links button{background:transparent;color:#000;font-weight:950;padding:0;text-decoration:underline;text-underline-offset:4px}.site-footer p{color:#405044;line-height:1.55;margin-bottom:0;max-width:980px}.auth-screen{align-items:center;display:grid;gap:28px;grid-template-columns:minmax(0,1fr) minmax(300px,430px);min-height:calc(100vh - 84px)}.auth-card{display:grid;gap:18px;padding:clamp(20px,4vw,34px)}form,.operation-card{display:grid;gap:14px}label{color:#405044;display:grid;font-size:.92rem;font-weight:900;gap:8px}input{background:#fbfcf8;border:1px solid #cad3c2;border-radius:8px;color:#142019;min-height:48px;padding:0 14px;width:100%}input:focus{border-color:#31583a;box-shadow:0 0 0 3px #d6f52773;outline:none}.auth-switch{color:#667466;display:flex;flex-wrap:wrap;gap:8px;margin:0}.auth-switch button{background:transparent;color:#31583a;font-weight:950;padding:0}.notice{border-radius:8px;margin:0;padding:12px}.notice.success{background:#eef7c4;border:1px solid #d6f527;color:#31583a}.notice.error{background:#ffe9e6;border:1px solid #ff9585;color:#8f2316}.notice.info{background:#edf4ff;border:1px solid #a9c8ff;color:#294d89}.account-header{align-items:end;display:grid;gap:18px;grid-template-columns:minmax(0,1fr) minmax(260px,380px)}.balance-card{background:#142019;color:#fff;display:grid;gap:18px;padding:24px}.balance-card strong{font-size:clamp(2.4rem,5vw,4rem);line-height:1}.bank-workspace{align-items:start;display:grid;gap:16px;grid-template-columns:minmax(260px,360px) minmax(0,1fr)}.operation-card,.statement-card{padding:22px}.operation-card{align-self:start;min-height:0}.statement-card{display:grid;gap:12px;max-height:min(58vh,520px);min-height:0}.statement-card.expanded{max-height:none}.statement-header{align-items:center;display:flex;gap:14px;justify-content:space-between}.statement-header h2{margin-bottom:0}.history-toggle{align-items:center;background:#f4f7ec;border:1px solid #dde6d4;border-radius:8px;color:#31583a;display:inline-flex;font-weight:950;gap:8px;min-height:38px;padding:0 12px}.history-toggle b{font-size:1.15rem;line-height:1}.operation-actions{display:grid;gap:10px;grid-template-columns:1fr 1fr}.operation-actions button{background:#142019;border-radius:8px;color:#fff;font-weight:950;min-height:44px}.history-list,ul{display:grid;gap:8px;list-style:none;margin:0;padding:0}.history-list{max-height:min(46vh,420px);overflow-y:auto;padding-right:4px}.statement-card.expanded .history-list{max-height:none;overflow-y:visible}li{align-items:center;background:#f4f7ec;border-radius:8px;display:flex;gap:14px;justify-content:space-between;min-height:58px;padding:10px 14px}li span,.transaction-values strong{display:block;font-weight:950}li small{color:#667466}.transaction-values{text-align:right}.auth-required{align-content:center;display:grid;gap:18px;min-height:calc(100vh - 84px)}@media(max-width:980px){.app-frame{grid-template-columns:1fr}.sidebar{align-items:center;flex-direction:row;overflow-x:auto;padding:12px}.brand,.nav-link,.outline-button,.sidebar .accent-button{flex:0 0 auto}nav{display:flex;flex:1 1 auto;gap:6px;min-width:0}.marketing-hero,.story-section,.tech-section,.auth-screen,.account-header,.bank-workspace,.content-grid,.docs-section,.rules-grid,.mockup-section{grid-template-columns:1fr}.hero-content,.hero-mockup{border-radius:8px}.statement-card,.history-list{max-height:none;overflow-y:visible}.outline-button{margin-top:0}}@media(max-width:560px){.screen{padding:16px}.hero-content,.hero-mockup{min-height:auto;padding:20px}.hero-content h1,.auth-copy h1,.account-header h1,.auth-required h1,.docs-section h2,.story-section h2,.tech-section h2,.rules-section h2,.mockup-section h2{font-size:clamp(2rem,13vw,3.2rem)}.hero-actions,.auth-switch{flex-direction:column}.hero-actions button,.hero-actions a,.auth-card button,.operation-actions button,.auth-required button{width:100%}.operation-actions,.flow-mockups{grid-template-columns:1fr}.footer-top,li{align-items:flex-start;flex-direction:column}.transaction-values{text-align:left}}