.area-page{--area-accent:#16a34a;--area-accent2:#84cc16;min-height:100vh;color:#102218;background:radial-gradient(circle at 12% 0%,color-mix(in srgb,var(--area-accent) 14%,transparent),transparent 32rem),radial-gradient(circle at 92% 3%,color-mix(in srgb,var(--area-accent2) 11%,transparent),transparent 28rem),linear-gradient(180deg,#fbfefc,#f3f7f5 55%,#eef4f0)}.area-page *{box-sizing:border-box}.area-page .container{width:min(1180px,calc(100% - 32px));margin-inline:auto}.area-header{position:sticky;top:0;z-index:30;border-bottom:1px solid rgba(24,65,45,.08);background:rgba(255,255,255,.88);backdrop-filter:blur(18px)}.area-header-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.area-brand{display:inline-flex;align-items:center;gap:11px;color:#102218;text-decoration:none;font-weight:950;letter-spacing:.05em}.area-brand::before{content:"€";display:grid;place-items:center;width:38px;height:38px;border-radius:13px;color:#fff;background:linear-gradient(135deg,var(--area-accent),var(--area-accent2))}.area-nav{display:flex;gap:20px}.area-nav a{color:#5d6d64;text-decoration:none;font-weight:800}.area-theme{width:42px;height:42px;border:1px solid rgba(30,58,96,.11);border-radius:13px;background:#fff;cursor:pointer}.area-hero{position:relative;overflow:hidden;padding:86px 0 62px}.area-symbols{position:absolute;inset:0;pointer-events:none;overflow:hidden}.area-symbols i{position:absolute;font-style:normal;font-weight:950;color:color-mix(in srgb,var(--area-accent) 12%,transparent);user-select:none}.area-symbols i:nth-child(1){top:8%;left:3%;font-size:9rem;transform:rotate(-14deg)}.area-symbols i:nth-child(2){top:3%;right:8%;font-size:7rem;transform:rotate(12deg)}.area-symbols i:nth-child(3){bottom:-5%;right:29%;font-size:10rem;transform:rotate(-8deg)}.area-kicker{display:inline-flex;padding:8px 12px;border:1px solid color-mix(in srgb,var(--area-accent) 20%,transparent);border-radius:999px;background:color-mix(in srgb,var(--area-accent) 8%,white);color:var(--area-accent);font-size:.77rem;font-weight:950;letter-spacing:.1em;text-transform:uppercase}.area-hero h1{max-width:900px;margin:19px 0 16px;font-size:clamp(3.4rem,8vw,7rem);line-height:.9;letter-spacing:-.055em}.area-hero p{max-width:780px;margin:0;color:#65756c;font-size:1.08rem;line-height:1.75}.area-stats{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.area-stats span{padding:9px 12px;border:1px solid rgba(24,65,45,.09);border-radius:999px;background:rgba(255,255,255,.8);color:#586960;font-size:.82rem;font-weight:850}.area-content{padding:28px 0 88px}.area-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.area-card{position:relative;display:flex;min-height:260px;flex-direction:column;padding:24px;overflow:hidden;border:1px solid rgba(24,65,45,.09);border-radius:24px;background:#fff;color:inherit;text-decoration:none;box-shadow:0 18px 46px rgba(24,65,45,.07);transition:.22s}.area-card:hover{transform:translateY(-5px);box-shadow:0 28px 60px rgba(24,65,45,.12)}.area-card::after{position:absolute;right:-28px;bottom:-36px;width:130px;height:130px;border-radius:50%;content:"";background:color-mix(in srgb,var(--card-accent) 10%,transparent)}.area-card-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.area-card-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:17px;background:color-mix(in srgb,var(--card-accent) 11%,white);font-size:1.55rem}.area-card-count{padding:7px 9px;border-radius:999px;background:#f4f7f5;color:#66756d;font-size:.72rem;font-weight:900}.area-card h2{margin:20px 0 8px;font-size:1.35rem;letter-spacing:-.025em}.area-card p{margin:0;color:#718078;font-size:.9rem;line-height:1.6}.area-card-link{margin-top:auto;padding-top:20px;color:var(--card-accent);font-weight:900}.area-featured{margin-top:72px}.area-featured h2{max-width:780px;margin:10px 0 28px;font-size:clamp(2.2rem,5vw,4rem);letter-spacing:-.045em}.area-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.area-tool{display:block;padding:20px;border:1px solid rgba(24,65,45,.09);border-radius:19px;background:#fff;color:#183226;text-decoration:none;box-shadow:0 12px 32px rgba(24,65,45,.05)}.area-tool span{display:block;font-size:1.3rem}.area-tool strong{display:block;margin:12px 0 6px}.area-tool small{display:block;color:#718078;line-height:1.45}.area-footer{padding:42px 0;color:#a9c0b3;background:linear-gradient(145deg,#07170f,#0a291b)}.area-footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.area-footer strong{color:#fff}.area-footer a{color:#a9c0b3;text-decoration:none}
html[data-theme="dark"] .area-page{color:#f4fbf6;background:radial-gradient(circle at 10% 0%,color-mix(in srgb,var(--area-accent) 16%,transparent),transparent 31rem),linear-gradient(180deg,#06120c,#0a1911)}html[data-theme="dark"] .area-header{background:rgba(5,17,10,.88);border-color:rgba(167,243,208,.12)}html[data-theme="dark"] .area-brand,html[data-theme="dark"] .area-hero h1,html[data-theme="dark"] .area-card h2,html[data-theme="dark"] .area-tool{color:#f3fff7}html[data-theme="dark"] .area-nav a,html[data-theme="dark"] .area-hero p,html[data-theme="dark"] .area-card p,html[data-theme="dark"] .area-tool small{color:#9fb7a9}html[data-theme="dark"] .area-card,html[data-theme="dark"] .area-tool,html[data-theme="dark"] .area-stats span{border-color:rgba(167,243,208,.12);background:#0d2116;box-shadow:0 20px 50px rgba(0,0,0,.25)}
@media(max-width:930px){.area-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.area-tools{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.area-page .container{width:min(100% - 22px,1180px)}.area-nav{display:none}.area-hero{padding-top:62px}.area-grid,.area-tools{grid-template-columns:1fr}.area-card{min-height:220px}.area-footer-inner{display:grid}}