:root{--bg: #f9fafb;--text: #0f172a;--card: #ffffff;--border: #e5e7eb;--muted: #64748b;--primary: #2563eb}body.dark{--bg: #0f172a;--text: #f1f5f9;--card: #1e293b;--border: #334155;--muted: #94a3b8;--primary: #3b82f6}*{box-sizing:border-box;margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:var(--bg);color:var(--text);transition:background-color .3s ease,color .3s ease}.main{min-height:calc(100vh - 72px);padding:80px 20px}.header{width:100%;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .3s ease}body:not(.dark) .header{background:#ffffffe6;border-bottom:1px solid var(--border)}body.dark .header{background:#0f172ad9;border-bottom:1px solid var(--border)}.header__container{max-width:1200px;margin:0 auto;padding:18px 32px;display:flex;justify-content:space-between;align-items:center}.logo{font-size:20px;font-weight:700;text-decoration:none;color:var(--text)}.nav__list{display:flex;gap:24px;list-style:none}.nav__link{text-decoration:none;font-weight:500;color:var(--muted);transition:.2s ease}.nav__link:hover{color:var(--primary)}.nav__link--active{color:var(--primary);font-weight:600}.theme-toggle{background:none;border:1px solid var(--border);padding:6px 10px;border-radius:10px;cursor:pointer;font-size:1rem;transition:all .3s ease;color:var(--text)}.theme-toggle:hover{transform:scale(1.08);background:var(--card)}body.dark .theme-toggle{background:#3b82f626}.home{display:flex;flex-direction:column;align-items:center;gap:80px}.home__container{width:100%;max-width:520px}.home__intro{max-width:800px;text-align:center}.home__intro h1{font-size:2.4rem;font-weight:800;margin-bottom:20px;letter-spacing:-.5px}.home__intro p{font-size:1.1rem;color:var(--muted);margin-bottom:24px}.home__cta{display:inline-block;padding:12px 24px;background-color:var(--primary);color:#fff;text-decoration:none;border-radius:10px;font-weight:600;transition:.2s ease;box-shadow:0 10px 30px #2563eb40}.home__cta:hover{transform:translateY(-2px);box-shadow:0 15px 40px #2563eb59}.home__info{max-width:800px;text-align:center}.home__info h2{font-size:1.4rem;margin-bottom:12px}.home__info p{color:var(--muted);font-size:1rem}.calculator{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:40px;box-shadow:0 20px 50px #0000000d}.calculator__title span{display:block;font-weight:700}.calculator__title{font-size:1.8rem;line-height:1.3}.calculator__form{display:flex;gap:.5rem}.calculator__form input{flex:1;padding:.6rem;border-radius:8px;border:1px solid #ccc;font-size:1rem}.calculator__form input:focus{outline:none;border-color:#2563eb}.calculator__form button{padding:.6rem 1rem;border-radius:8px;border:none;background-color:#2563eb;color:#fff;font-weight:500;cursor:pointer;transition:.2s ease}.calculator__form button:hover{background-color:#1d4ed8}.calculator__error{color:#dc2626}.calculator__error,.calculator__result{margin-top:1rem}.calculator__result{background:#f1f5f9;color:#262626;padding:.8rem;border-radius:8px;font-weight:600;margin-bottom:0}@media(max-width:480px){.calculator{padding:25px}.calculator__form{flex-direction:column}.calculator__form button{width:100%}}.pages{max-width:1200px;margin:0 auto;padding:80px 20px}.pages__hero{text-align:center;max-width:800px;margin:0 auto 70px}.pages__title{font-size:2.4rem;font-weight:800;margin-bottom:18px;letter-spacing:-.5px}.pages__subtitle{font-size:1.1rem;color:#a7b2c2;line-height:1.6}.pages__section{max-width:800px;margin:0 auto 70px}.pages__context{text-align:center;padding:40px;border-radius:20px;transition:.3s ease}.pages__context h2{font-size:1.6rem;font-weight:700;margin-bottom:16px}.pages__context p{font-size:1rem;line-height:1.6;margin-bottom:14px}body:not(.dark) .pages__context{background:#fff;border:1px solid #e5e7eb;box-shadow:0 10px 30px #0000000f}body:not(.dark) .pages__context p{color:#475569}body:not(.dark) .pages__subtitle{color:#475569}body.dark .pages__context{background:var(--card);border:1px solid var(--border);box-shadow:0 10px 30px #00000040}body.dark .pages__context p{color:var(--text)}.pages__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:35px}@media(max-width:768px){.pages{padding:40px 20px 30px}.pages__section{margin-bottom:30px}.pages__section:last-child{margin-bottom:0}}.link-card{background:linear-gradient(145deg,#1e293be6,#0f172ae6);border:1px solid rgba(255,255,255,.06);border-radius:18px;padding:22px;text-decoration:none;color:var(--text);display:flex;flex-direction:column;height:100%;transition:all .3s ease;position:relative;overflow:hidden}.link-card:hover{transform:translateY(-6px);border-color:#3b82f666;box-shadow:0 15px 40px #00000080,0 0 20px #3b82f626}.link-card__image-wrapper{background:#ffffff0a;padding:16px;border-radius:14px;margin-bottom:18px;display:flex;justify-content:center;align-items:center}.link-card__img{width:100%;height:150px;object-fit:contain;transition:transform .4s ease}.link-card:hover .link-card__img{transform:scale(1.05)}.link-card__title{font-size:1.1rem;font-weight:600;margin-bottom:8px;letter-spacing:.3px}.link-card__description{font-size:.9rem;color:#a7b2c2;line-height:1.5;flex-grow:1}body:not(.dark) .link-card{background:#fff;border:1px solid #e5e7eb;box-shadow:0 10px 30px #0000000f}body:not(.dark) .link-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px #0000001f;border-color:#cbd5e1}body:not(.dark) .link-card__image-wrapper{background:#f1f5f9}body:not(.dark) .link-card__description{color:#475569}.footer{margin-top:100px;transition:background .3s ease}body:not(.dark) .footer{background:#f8fafc;border-top:1px solid var(--border)}body.dark .footer{background:#0f172a;border-top:1px solid var(--border)}.footer__container{max-width:1200px;margin:0 auto;padding:60px 20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:40px}.footer__brand h3{font-size:1.2rem;margin-bottom:12px}.footer__brand p{color:var(--muted);font-size:.95rem;line-height:1.6}.footer__links h4,.footer__legal h4,.footer__social h4{margin-bottom:12px;font-size:1rem}.footer__links ul{list-style:none}.footer__links li{margin-bottom:8px}.footer__links a,.footer__social a{text-decoration:none;color:var(--muted);font-weight:500;transition:color .2s ease}.footer__links a:hover,.footer__social a:hover{color:var(--primary)}.footer__legal p{color:var(--muted);font-size:.95rem}.footer__bottom{text-align:center;padding:20px;border-top:1px solid var(--border);font-size:.85rem;color:var(--muted)}@media(max-width:768px){.footer{margin-top:50px}.footer__container{padding:40px 20px;gap:30px}}
