@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(/static/media/inter-cyrillic-ext-400-normal.fd1478dcc74de00ee4c0.woff2) format("woff2"),url(/static/media/inter-cyrillic-ext-400-normal.c676f175d430bd465724.woff) format("woff");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(/static/media/inter-cyrillic-400-normal.cb04b2ee2f7d192478b8.woff2) format("woff2"),url(/static/media/inter-cyrillic-400-normal.062321ff8a8844520dc5.woff) format("woff");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(/static/media/inter-greek-ext-400-normal.f2fa0d9ef98f59d4a75b.woff2) format("woff2"),url(/static/media/inter-greek-ext-400-normal.02f9e7ef5cf29425f684.woff) format("woff");unicode-range:u+1f??}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(/static/media/inter-greek-400-normal.a8de720a6f13c66c8a4e.woff2) format("woff2"),url(/static/media/inter-greek-400-normal.9ec3b40ece10debf7a33.woff) format("woff");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(/static/media/inter-vietnamese-400-normal.44c9df135eec470b0ab6.woff2) format("woff2"),url(/static/media/inter-vietnamese-400-normal.aaa15d735e3826061950.woff) format("woff");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(/static/media/inter-latin-ext-400-normal.210fb826cb25acbd4094.woff2) format("woff2"),url(/static/media/inter-latin-ext-400-normal.c616205185f0d3677df9.woff) format("woff");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(/static/media/inter-latin-400-normal.eca1e21531598d5db58f.woff2) format("woff2"),url(/static/media/inter-latin-400-normal.2ea1079c0069eb040a52.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:500;src:url(/static/media/inter-cyrillic-ext-500-normal.023db878f10be2203b60.woff2) format("woff2"),url(/static/media/inter-cyrillic-ext-500-normal.69e09a587b911ec8ad0f.woff) format("woff");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:500;src:url(/static/media/inter-cyrillic-500-normal.b9dcbca183ac93f02061.woff2) format("woff2"),url(/static/media/inter-cyrillic-500-normal.397037a7cc1ed6f3012e.woff) format("woff");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:500;src:url(/static/media/inter-greek-ext-500-normal.b187635a3d8a0b90faa0.woff2) format("woff2"),url(/static/media/inter-greek-ext-500-normal.045dde1e05b73ab35d25.woff) format("woff");unicode-range:u+1f??}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:500;src:url(/static/media/inter-greek-500-normal.0d91a975f010051e7150.woff2) format("woff2"),url(/static/media/inter-greek-500-normal.debd93e5ca5313a6d262.woff) format("woff");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:500;src:url(/static/media/inter-vietnamese-500-normal.63d02ea896a7406849b6.woff2) format("woff2"),url(/static/media/inter-vietnamese-500-normal.296d66c0bba9086788b9.woff) format("woff");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:500;src:url(/static/media/inter-latin-ext-500-normal.cdb4dd5dc508fe6e7398.woff2) format("woff2"),url(/static/media/inter-latin-ext-500-normal.2f93aaa35e870cec4704.woff) format("woff");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:500;src:url(/static/media/inter-latin-500-normal.b7c27c60f848f2083f45.woff2) format("woff2"),url(/static/media/inter-latin-500-normal.5014db633e71a7741bf5.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:600;src:url(/static/media/inter-cyrillic-ext-600-normal.25b7c495f686777a1c08.woff2) format("woff2"),url(/static/media/inter-cyrillic-ext-600-normal.2c47e01b64f03ba9fb58.woff) format("woff");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:600;src:url(/static/media/inter-cyrillic-600-normal.ce60970447cde0dd1582.woff2) format("woff2"),url(/static/media/inter-cyrillic-600-normal.883b5e4d36b7b0812ed4.woff) format("woff");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:600;src:url(/static/media/inter-greek-ext-600-normal.c8a7cddec49294a9e8ba.woff2) format("woff2"),url(/static/media/inter-greek-ext-600-normal.7bff749a95dc0612fa35.woff) format("woff");unicode-range:u+1f??}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:600;src:url(/static/media/inter-greek-600-normal.5c46a357ea91911fc65d.woff2) format("woff2"),url(/static/media/inter-greek-600-normal.83c86cfda9c5fd96a471.woff) format("woff");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:600;src:url(/static/media/inter-vietnamese-600-normal.6984cf5e8583fac83be3.woff2) format("woff2"),url(/static/media/inter-vietnamese-600-normal.04bb56ffa463ab55708d.woff) format("woff");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:600;src:url(/static/media/inter-latin-ext-600-normal.8148c3ae14dfaefc62ca.woff2) format("woff2"),url(/static/media/inter-latin-ext-600-normal.4d0d5017d71ea1750fc1.woff) format("woff");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:600;src:url(/static/media/inter-latin-600-normal.69a8d1d484967aba2389.woff2) format("woff2"),url(/static/media/inter-latin-600-normal.f10265da6bd8d66999ac.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:url(/static/media/inter-cyrillic-ext-700-normal.5631f054acb5a33a716a.woff2) format("woff2"),url(/static/media/inter-cyrillic-ext-700-normal.0ddea3beace60380deb1.woff) format("woff");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:url(/static/media/inter-cyrillic-700-normal.36e9cf9ecc07ac6bce28.woff2) format("woff2"),url(/static/media/inter-cyrillic-700-normal.03cc5c4a68b77f60ea9b.woff) format("woff");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:url(/static/media/inter-greek-ext-700-normal.4cdf2b4e817dade3d4aa.woff2) format("woff2"),url(/static/media/inter-greek-ext-700-normal.ca8751b8c028cb9ae710.woff) format("woff");unicode-range:u+1f??}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:url(/static/media/inter-greek-700-normal.f5fbdfc39c2431160896.woff2) format("woff2"),url(/static/media/inter-greek-700-normal.04d33a0bd87050834f1a.woff) format("woff");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:url(/static/media/inter-vietnamese-700-normal.5d9bfcacc44f345662ff.woff2) format("woff2"),url(/static/media/inter-vietnamese-700-normal.cceb6e3d4483c3136077.woff) format("woff");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:url(/static/media/inter-latin-ext-700-normal.be70ab2888339fe67ac5.woff2) format("woff2"),url(/static/media/inter-latin-ext-700-normal.454735e8a8af2928485e.woff) format("woff");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:url(/static/media/inter-latin-700-normal.084676038be5b1c38324.woff2) format("woff2"),url(/static/media/inter-latin-700-normal.02426d017cf367236f56.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0f0f23;--bg-secondary:#1a1a2e;--bg-tertiary:#16213e;--bg-card:#1e1e3f;--bg-input:#252547;--bg-button:#3b82f6;--bg-button-hover:#2563eb;--bg-accent:#10b981;--bg-accent-hover:#059669;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--text-accent:#10b981;--text-error:#ef4444;--border-primary:#334155;--border-secondary:#475569;--border-accent:#3b82f6;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006,0 2px 4px -1px #0000004d;--shadow-lg:0 10px 15px -3px #00000080,0 4px 6px -2px #0006;--shadow-xl:0 20px 25px -5px #0009,0 10px 10px -5px #0006;--gradient-primary:linear-gradient(135deg,#667eea,#764ba2);--gradient-accent:linear-gradient(135deg,#10b981,#059669);--gradient-card:linear-gradient(145deg,#1e1e3f,#252547)}body{background:#0f0f23;background:var(--bg-primary);color:#f8fafc;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.6;min-height:100vh;overflow-x:hidden}.app-container{background:linear-gradient(135deg,#0f0f23,#1a1a2e 50%,#16213e);min-height:100vh;padding:1rem}.main-layout{grid-gap:2rem;display:grid;gap:2rem;margin:0 auto;max-width:1400px}.app-header{background:linear-gradient(145deg,#1e1e3f,#252547);background:var(--gradient-card);border:1px solid #334155;border:1px solid var(--border-primary);border-radius:24px;box-shadow:0 20px 25px -5px #0009,0 10px 10px -5px #0006;box-shadow:var(--shadow-xl);overflow:hidden;padding:3rem 1rem;position:relative;text-align:center}.app-header:before{content:"";height:4px;left:0;position:absolute;right:0;top:0}.app-header:before,.app-title{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary)}.app-title{-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(1.75rem,4vw,3rem);font-weight:700;letter-spacing:-.02em;margin-bottom:.5rem}.app-subtitle{color:#cbd5e1;color:var(--text-secondary);font-size:clamp(1rem,2vw,1.25rem);font-weight:400;margin:0 auto;max-width:600px}.calculator-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:2rem}.input-card{background:linear-gradient(145deg,#1e1e3f,#252547);background:var(--gradient-card);border:1px solid #334155;border:1px solid var(--border-primary);border-radius:20px;box-shadow:0 10px 15px -3px #00000080,0 4px 6px -2px #0006;box-shadow:var(--shadow-lg);overflow:hidden;padding:2rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.input-card:before{background:linear-gradient(135deg,#10b981,#059669);background:var(--gradient-accent);content:"";height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.input-card:hover{border-color:#3b82f6;border-color:var(--border-accent);box-shadow:0 20px 25px -5px #0009,0 10px 10px -5px #0006;box-shadow:var(--shadow-xl);transform:translateY(-4px)}.input-card:hover:before{transform:scaleX(1)}.card-title{color:#f8fafc;color:var(--text-primary);font-size:1.25rem;font-weight:600;gap:.75rem;margin-bottom:1.5rem}.card-icon,.card-title{align-items:center;display:flex}.card-icon{background:linear-gradient(135deg,#10b981,#059669);background:var(--gradient-accent);border-radius:8px;font-size:14px;height:24px;justify-content:center;width:24px}.input-group{margin-bottom:1rem}.input-label{color:#cbd5e1;color:var(--text-secondary);display:block;font-size:.875rem;font-weight:500;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.input-field{background:#252547;background:var(--bg-input);border:2px solid #334155;border:2px solid var(--border-primary);border-radius:12px;color:#f8fafc;color:var(--text-primary);font-size:1rem;font-weight:500;outline:none;padding:1rem 1.25rem;transition:all .3s ease;width:100%}.input-field:focus{background:#1a1a2e;background:var(--bg-secondary);border-color:#3b82f6;border-color:var(--border-accent);box-shadow:0 0 0 3px #3b82f61a}.input-field:hover{border-color:#475569;border-color:var(--border-secondary)}.select-field{background:#252547;background:var(--bg-input);border:2px solid #334155;border:2px solid var(--border-primary);border-radius:12px;color:#f8fafc;color:var(--text-primary);cursor:pointer;font-size:1rem;font-weight:500;outline:none;padding:1rem 1.25rem;transition:all .3s ease;width:100%}.select-field:focus{border-color:#3b82f6;border-color:var(--border-accent);box-shadow:0 0 0 3px #3b82f61a}.btn{border:none;border-radius:12px;cursor:pointer;font-size:.875rem;font-weight:600;letter-spacing:.05em;outline:none;overflow:hidden;padding:.75rem 1.5rem;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);box-shadow:0 4px 6px -1px #0006,0 2px 4px -1px #0000004d;box-shadow:var(--shadow-md);color:#fff}.btn-primary:hover{box-shadow:0 10px 15px -3px #00000080,0 4px 6px -2px #0006;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#252547;background:var(--bg-input);border:2px solid #334155;border:2px solid var(--border-primary);color:#f8fafc;color:var(--text-primary)}.btn-secondary:hover{background:#1a1a2e;background:var(--bg-secondary);border-color:#3b82f6;border-color:var(--border-accent);transform:translateY(-1px)}.display-value{background:#252547;background:var(--bg-input);border:2px solid #334155;border:2px solid var(--border-primary);border-radius:12px;margin-bottom:1rem;padding:1.25rem}.value-label{color:#94a3b8;color:var(--text-muted);font-size:.875rem;letter-spacing:.05em;margin-bottom:.25rem;text-transform:uppercase}.value-text{color:#f8fafc;color:var(--text-primary);font-size:1.5rem;font-weight:700}.value-unit{color:#cbd5e1;color:var(--text-secondary);font-size:1rem;font-weight:500}.results-section{grid-gap:2rem;display:grid;gap:2rem;margin-top:2rem}.results-card{background:linear-gradient(145deg,#1e1e3f,#252547);background:var(--gradient-card);border:1px solid #334155;border:1px solid var(--border-primary);border-radius:24px;box-shadow:0 20px 25px -5px #0009,0 10px 10px -5px #0006;box-shadow:var(--shadow-xl);overflow:hidden;padding:2.5rem;position:relative}.results-card:before{background:linear-gradient(135deg,#10b981,#059669);background:var(--gradient-accent);content:"";height:4px;left:0;position:absolute;right:0;top:0}.results-title{color:#f8fafc;color:var(--text-primary);font-size:1.75rem;font-weight:700;margin-bottom:2rem;text-align:center}.savings-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2rem}.savings-card{background:#252547;background:var(--bg-input);border:1px solid #334155;border:1px solid var(--border-primary);border-radius:16px;padding:1.5rem;text-align:center;transition:all .3s ease}.savings-card:hover{box-shadow:0 4px 6px -1px #0006,0 2px 4px -1px #0000004d;box-shadow:var(--shadow-md);transform:translateY(-2px)}.savings-amount{color:#10b981;color:var(--text-accent);font-size:2rem;font-weight:700;margin-bottom:.5rem}.savings-label{color:#cbd5e1;color:var(--text-secondary);font-size:.875rem;letter-spacing:.05em;text-transform:uppercase}.cost-comparison{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.cost-item{background:#252547;background:var(--bg-input);border:1px solid #334155;border:1px solid var(--border-primary);border-radius:12px;padding:1.25rem;text-align:center}.cost-amount{font-size:1.5rem;font-weight:600;margin-bottom:.25rem}.cost-without{color:#ef4444;color:var(--text-error)}.cost-with{color:#10b981;color:var(--text-accent)}.cost-label{color:#94a3b8;color:var(--text-muted);font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.iops-section{background:linear-gradient(145deg,#1e1e3f,#252547);background:var(--gradient-card);border:1px solid #334155;border:1px solid var(--border-primary);border-radius:20px;box-shadow:0 10px 15px -3px #00000080,0 4px 6px -2px #0006;box-shadow:var(--shadow-lg);padding:2rem}.iops-title{color:#f8fafc;color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.iops-summary{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.iops-summary-item{background:#252547;background:var(--bg-input);border:1px solid #334155;border:1px solid var(--border-primary);border-radius:12px;padding:1.25rem;text-align:center}.iops-value{color:#10b981;color:var(--text-accent);font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.iops-label{color:#cbd5e1;color:var(--text-secondary);font-size:.875rem}.subscription-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.subscription-card{background:#252547;background:var(--bg-input);border:1px solid #334155;border:1px solid var(--border-primary);border-radius:12px;padding:1.5rem;text-align:center;transition:all .3s ease}.subscription-card:hover{border-color:#3b82f6;border-color:var(--border-accent);box-shadow:0 4px 6px -1px #0006,0 2px 4px -1px #0000004d;box-shadow:var(--shadow-md);transform:translateY(-2px)}.subscription-name{color:#f8fafc;color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:.5rem}.subscription-value{color:#10b981;color:var(--text-accent);font-size:1.25rem;font-weight:700}@media (max-width:768px){.app-container{padding:.5rem}.calculator-grid{gap:1rem;grid-template-columns:1fr}.input-card{padding:1.5rem}.app-header{padding:2rem 1rem}.results-card{padding:1.5rem}.cost-comparison,.savings-grid,.subscription-grid{grid-template-columns:1fr}}@media (max-width:480px){.app-title{font-size:1.75rem}.input-card,.results-card{padding:1rem}.savings-amount{font-size:1.5rem}.cost-amount{font-size:1.25rem}}.fade-in{animation:fadeIn .6s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:slideUp .4s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.loading{opacity:.6;pointer-events:none}.btn:focus-visible,.input-field:focus-visible,.select-field:focus-visible{outline:2px solid #3b82f6;outline:2px solid var(--border-accent);outline-offset:2px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1a2e;background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#475569;background:var(--border-secondary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#3b82f6;background:var(--border-accent)}.charts-container{width:100%}.charts-title{color:#f8fafc;color:var(--text-primary);font-size:1.75rem;font-weight:700;gap:.75rem;margin-bottom:2rem;text-align:center}.chart-icon,.charts-title{align-items:center;display:flex;justify-content:center}.chart-icon{background:linear-gradient(135deg,#10b981,#059669);background:var(--gradient-accent);border-radius:12px;font-size:18px;height:32px;width:32px}.charts-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:2rem}.chart-card{background:linear-gradient(145deg,#1e1e3f,#252547);background:var(--gradient-card);border:1px solid #334155;border:1px solid var(--border-primary);border-radius:20px;box-shadow:0 10px 15px -3px #00000080,0 4px 6px -2px #0006;box-shadow:var(--shadow-lg);overflow:hidden;padding:2rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.chart-card:before{background:linear-gradient(135deg,#10b981,#059669);background:var(--gradient-accent);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.chart-card:hover{border-color:#3b82f6;border-color:var(--border-accent);box-shadow:0 20px 25px -5px #0009,0 10px 10px -5px #0006;box-shadow:var(--shadow-xl);transform:translateY(-4px)}.chart-card:hover:before{transform:scaleX(1)}.chart-card-title{color:#f8fafc;color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.chart-wrapper{height:300px;position:relative}.savings-summary{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:2rem}.summary-card{align-items:center;background:linear-gradient(145deg,#1e1e3f,#252547);background:var(--gradient-card);border:1px solid #334155;border:1px solid var(--border-primary);border-radius:16px;box-shadow:0 4px 6px -1px #0006,0 2px 4px -1px #0000004d;box-shadow:var(--shadow-md);display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.summary-card:hover{border-color:#3b82f6;border-color:var(--border-accent);box-shadow:0 10px 15px -3px #00000080,0 4px 6px -2px #0006;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.summary-icon{align-items:center;background:linear-gradient(135deg,#10b981,#059669);background:var(--gradient-accent);border-radius:12px;display:flex;flex-shrink:0;font-size:20px;height:48px;justify-content:center;width:48px}.summary-content{flex:1 1}.summary-value{color:#f8fafc;color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.summary-label{color:#cbd5e1;color:var(--text-secondary);font-size:.875rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}@media (max-width:768px){.charts-grid{gap:1.5rem;grid-template-columns:1fr}.chart-card{padding:1.5rem}.chart-wrapper{height:250px}.savings-summary{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.summary-card{flex-direction:column;gap:.75rem;padding:1rem;text-align:center}.summary-icon{font-size:18px;height:40px;width:40px}.summary-value{font-size:1.25rem}}@media (max-width:480px){.charts-title{flex-direction:column;font-size:1.5rem;gap:.5rem}.chart-card{padding:1rem}.chart-wrapper{height:200px}.savings-summary{grid-template-columns:1fr}}
/*# sourceMappingURL=main.d5f17875.css.map*/