*{box-sizing:border-box}:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#111;background:#fff;font-synthesis:none}html{scroll-behavior:smooth}body{margin:0;min-width:320px}a{color:inherit;text-decoration:none}button,input{font:inherit}.site-nav{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:28px 5vw;background:#ffffffeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand,.auth-brand{font-weight:800;letter-spacing:.14em}.nav-links{display:flex;gap:28px;align-items:center;font-size:14px}.nav-links a{color:#555}.nav-links a:hover{color:#111}.hero{min-height:88vh;max-width:1100px;margin:auto;padding:28vh 5vw 12vh;display:flex;flex-direction:column;justify-content:center}.eyebrow,.section-label{font-size:20px;letter-spacing:.18em;font-weight:700;color:#777}.hero h1{max-width:900px;font-size:clamp(48px,8vw,100px);line-height:.96;letter-spacing:-.055em;margin:20px 0 0}.section{max-width:1100px;margin:auto;padding:120px 5vw;display:grid;grid-template-columns:180px 1fr;gap:40px;border-top:1px solid #eee}.section-content{max-width:720px}.section-content p{margin:0;font-size:25px;text-align:left;line-height:1.35;letter-spacing:-.02em}.product-card{display:flex;align-items:center;justify-content:space-between;padding:30px 0;border-bottom:1px solid #ddd}.product-card h2{margin:0 0 8px;font-size:28px}.product-card p{margin:0;font-size:16px;color:#666}.arrow{font-size:28px;transition:transform .2s ease}.product-card:hover .arrow{transform:translate(6px)}.contact-link{font-size:25px}footer{max-width:1100px;margin:auto;padding:40px 5vw 50px;color:#888;font-size:12px}.auth-page{min-height:100vh;display:grid;place-items:center;padding:40px 20px;position:relative}.auth-brand{position:absolute;top:32px;left:5vw}.auth-card{width:min(430px,100%);border:1px solid #e7e7e7;border-radius:18px;padding:32px}.auth-card h1{font-size:40px;letter-spacing:-.04em;margin:12px 0 28px}.auth-card form{display:grid;gap:18px}.auth-card label{display:grid;gap:8px;font-size:14px;font-weight:600}.auth-card input{width:100%;border:1px solid #d9d9d9;border-radius:10px;padding:13px 14px;outline:none}.auth-card input:focus{border-color:#111}.button{border:0;border-radius:11px;padding:13px 20px;background:#111;color:#fff;cursor:pointer}.button:disabled{opacity:.55;cursor:wait}.button.full{width:100%}.button.google{background:#f2f2f2;color:#111}.text-button{border:0;background:none;padding:0;margin-top:16px;color:#555;cursor:pointer;font-size:14px}.text-button.inline{margin:0;color:#111;font-weight:600}.text-button:disabled{opacity:.5}.divider{display:flex;align-items:center;gap:12px;margin:24px 0;color:#aaa;font-size:12px}.divider:before,.divider:after{content:"";height:1px;background:#e7e7e7;flex:1}.switch{text-align:center;font-size:14px;margin:24px 0 0;color:#666}.message,.error{font-size:13px;margin:16px 0 0}.message{color:#3f5f45}.error{color:#b42318}.page{min-height:100vh;padding:32px}.centered{display:grid;place-items:center}.dashboard-page{min-height:100vh;padding:32px 5vw}.dashboard-nav{display:flex;justify-content:space-between;align-items:center}.button.secondary{background:#f1f1f1;color:#111}.dashboard{max-width:1100px;margin:120px auto 0}.dashboard h1{font-size:clamp(45px,7vw,82px);line-height:.98;letter-spacing:-.05em;margin:18px 0}.dashboard>p{color:#666}.dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:55px}.dashboard-card{min-height:160px;border:1px solid #e7e7e7;border-radius:16px;padding:24px;display:flex;flex-direction:column;font-size:25px;justify-content:space-between;background:#fafafa}.dashboard-card strong{font-size:27px;letter-spacing:-.02em}@media(max-width:760px){.site-nav{padding:22px 20px}.nav-links{gap:14px}.nav-links a:nth-child(-n+3){display:none}.hero{padding:24vh 20px 12vh}.section{grid-template-columns:1fr;gap:22px;padding:80px 20px}.section-content p,.contact-link{font-size:21px}footer{padding-left:20px;padding-right:20px}.auth-brand{left:20px}.dashboard-page{padding:22px 20px}.dashboard-grid{grid-template-columns:1fr}}.modal-overlay{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:#00000059;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{width:min(430px,100%);padding:32px;border-radius:18px;background:#fff;border:1px solid #e7e7e7;box-shadow:0 20px 60px #00000026}.modal h2{font-size:32px;letter-spacing:-.04em;margin:12px 0}.modal p{margin:0 0 24px;color:#666;line-height:1.5;font-size:15px}.auth-card>.google{margin-top:8px}.site-footer{max-width:1100px;margin:auto;padding:40px 5vw 50px;display:flex;gap:24px;color:#888;font-size:12px}.site-footer a:hover{color:#111}.legal-page{min-height:100vh;padding:32px 5vw 80px}.legal-nav{max-width:1100px;margin:auto}.legal-content{max-width:820px;margin:100px auto 0}.legal-content h1{font-size:clamp(44px,7vw,72px);line-height:.98;letter-spacing:-.05em;margin:18px 0 10px}.legal-updated{color:#888;font-size:13px;margin:0 0 56px}.legal-content h2{font-size:22px;margin:42px 0 12px;letter-spacing:-.02em}.legal-content p,.legal-content li{font-size:16px;line-height:1.7;color:#444}.legal-content ul{padding-left:22px}.legal-content a{text-decoration:underline;text-underline-offset:3px}@media(max-width:760px){.site-footer{padding-left:20px;padding-right:20px}.legal-page{padding:22px 20px 60px}.legal-content{margin-top:80px}.legal-content h2{font-size:20px}}.wallet-card{position:relative}.add-money-button{position:absolute;right:24px;bottom:20px;border:0;background:none;color:#111;padding:4px 0;font-size:18px;font-weight:600;cursor:pointer}.add-money-button:hover{text-decoration:underline;text-underline-offset:4px}.top-up-label{display:grid;gap:8px;font-size:14px;font-weight:600}.amount-input{display:flex;align-items:center;border:1px solid #d9d9d9;border-radius:10px;padding:0 14px;background:#fff}.amount-input:focus-within{border-color:#111}.amount-input span{font-size:16px;color:#666}.amount-input input{width:100%;border:0;outline:none;padding:13px 8px;background:transparent}.top-up-minimum{margin:8px 0 0!important;font-size:13px!important;color:#888!important}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.modal-actions .button{min-width:96px}
