:root{
--primary: rgb(87,23,150);
--accent: rgb(255,199,44);
--muted: #6b6b6b;
--bg: rgb(245,247,250);
--card-radius: 14px;
--max-width: 1100px;
--gap: 10px;
 }

html,body{height:100%;margin:0;font-family:Inter, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial; background:var(--bg); color:#0b0b0b;}

.blink-smooth{animation: blink_smooth 1s infinite;}
@keyframes blink_smooth{ 0%{opacity: 1;} 50%{opacity: 0;} 100% {opacity: 1;}}

.small{font-size:14px;color:var(--muted);}

.amiasta{background: linear-gradient(135deg, #6B46C1 0%, #9333EA 100%); color: white; padding: 5px 10px; margin: 4px 1px; text-align: center; border-radius: 6px; text-decoration: none; transition: transform 0.2s, box-shadow 0.2s; font-weight: 500; display: inline-block;}

.amiasta:hover{transform: translateY(-2px); box-shadow: 0 4px 12px rgba(107, 70, 193, 0.3);}

.kolor{color: #555;}

h3{color: #6B46C1;}

ul{list-style: none;  padding-left: 20px;}
ul li{padding: 8px 0; position: relative; color: #555;}
ul li:before{content: "✓"; color: #9333EA; font-weight: bold; position: absolute; left: -20px;}

.contact-sticky{position:fixed; margin: 0 auto; left:0px;right:0px;top:0px; background:linear-gradient(90deg,var(--primary), #c7228b);color:white;padding:40px 22px;font-weight:800;display:flex;justify-content:center;align-items:center;z-index:9999;box-shadow:0 10px 30px rgba(0,0,0,0.25);font-size:20px;}
.contact-sticky a{color:white;text-decoration:none;display:block;text-align:center;}

.legal-notice{background: #FEF3C7; border-left: 4px solid #F59E0B; padding: 20px; margin-top: 20px; border-radius: 4px;}
.legal-notice p{color: #92400E; font-size: 14px;}

.container{max-width:var(--max-width);margin:0 auto;padding-left:10px;padding-right:10px;}

.banner{position:relative;height:200px;margin-top:150px;border-radius:12px;overflow:hidden;background-image:url('../grafika/banner.png');background-size:cover;background-position:center;display:flex;align-items:center;padding:22px;}
.banner .left, .banner .right{font-weight:800;color:white;text-shadow:0 3px 8px rgba(0,0,0,0.4);}
.banner .left{flex:1;font-size:42px;letter-spacing:0.6px;}
.banner .right{font-size:26px;text-align:right;}
@media (max-width:900px){ .banner{height:160px;padding:16px;} .banner .left{font-size:34px;} .banner .right{font-size:20px;}}
@media (max-width:600px){ .banner{height:140px;padding:12px;} .banner .left{font-size:24px;} .banner .right{font-size:16px;} .banner{flex-direction:column;align-items:flex-start;gap:8px;} .banner .right{text-align:left;}}

.hero{display:grid;grid-template-columns:1fr 420px;gap:var(--gap);margin-top:10px;}
.hero .text h1{margin:0 0 12px;font-size:28px;color:var(--primary);}
.hero .text p{line-height:1.6;color:var(--muted);}
.card{background:white;border-radius:var(--card-radius);padding:20px;box-shadow:0 8px 24px rgba(15,15,15,0.06);}
.hero img{width:100%;height:auto;border-radius:10px;display:block;}
.card img{width:100%;height:auto;display:block;border-radius:8px;}
@media (max-width:900px){.hero{grid-template-columns:1fr;} .hero .right{order:-1;}}

.contact-info{background: #F3F4F6; padding: 20px; border-radius: 6px;}

.why1{margin-top:20px;}
.why1 ul{margin:0;padding:0 16px;list-style: none;}
.why1 li{padding:8px 0;border-bottom:1px dashed #eee;color:var(--muted);}
.why1 h2{margin-top:0;font-size:20px;color:var(--primary);}

.why{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gap);margin-top:10px;}
.why ul{margin:0;padding:0 16px;list-style: none;}
.why li{padding:8px 0;border-bottom:1px dashed #eee;color:var(--muted);}
.why h2{margin-top:0;font-size:20px;color:var(--primary);}
@media (max-width:800px){.why{grid-template-columns:1fr;}}

footer.info{text-align:center;color:var(--muted);font-size:14px; padding-bottom:5px;}