:root{

  --accent:#10b981;

  --bg:#f7f9fb;

  --text:#1f2937;

  --muted:#6b7280;

  --card:#ffffff;

  --form-bg:#ffffffcc;

  --form-bg-alt:#f0fdf8; /* pro info text nad formulářem */

}



/* Globální nastavení */

* {

  box-sizing: border-box;

  margin: 0;

  padding: 0;

}

body{

  font-family: Inter, system-ui, Segoe UI, Roboto, Arial, sans-serif;

  background: var(--bg);

  color: var(--text);

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  scroll-behavior: smooth;

}

.wrap {

  max-width: 1100px;

  margin: 0 auto;

  padding: 20px;

}



/* Header */

.site-header{

  background:#fff;

  border-bottom:1px solid #eef2f6;

  position:sticky;

  top:0;

  z-index:100;

}

.site-header .wrap{

  display:flex;

  align-items:center;

  justify-content:space-between;

  padding:10px 0;

}

.brand{

  font-weight:700;

  color:var(--accent);

  text-decoration:none;

  font-size:1.3rem;

}

.main-nav a{

  margin-left:18px;

  color:var(--text);

  text-decoration:none;

  font-weight:500;

  transition:color 0.3s;

}

.main-nav a:hover{

  color:var(--accent);

}



/* Hero */

.hero{

  background-size:cover;

  background-position:center;

  color:#fff;

  border-radius:12px;

  padding:80px 20px;

  text-align:center;

  margin:20px 0;

  position:relative;

  overflow:hidden;

}

.hero::after{

  content:"";

  position:absolute;

  inset:0;

  background:rgba(0,0,0,0.35);

  border-radius:12px;

}

.hero-content{

  position:relative;

  z-index:1;

  max-width:700px;

  margin:0 auto;

}

.hero h1{

  font-size:2.8rem;

  margin-bottom:15px;

}

.hero p{

  opacity:0.95;

  margin-bottom:20px;

  font-size:1.2rem;

}

.cta{

  display:inline-block;

  background:#fff;

  color:var(--accent);

  padding:14px 30px;

  border-radius:12px;

  font-weight:700;

  text-decoration:none;

  transition:all 0.3s;

}

.cta:hover{

  background:#f0f0f0;

}



/* Features karty */

.features{

  display:flex;

  gap:20px;

  margin:30px 0;

  flex-wrap:wrap;

}

.card{

  background:var(--card);

  padding:22px;

  border-radius:12px;

  box-shadow:0 8px 25px rgba(0,0,0,0.08);

  flex:1 1 260px;

  transition: transform 0.3s, box-shadow 0.3s;

}

.card img{

  width:100%;

  border-radius:12px;

}

.card:hover{

  transform:translateY(-5px);

  box-shadow:0 12px 30px rgba(0,0,0,0.1);

}



/* Info text nad formulářem */

.info-text{

  background: var(--form-bg-alt);

  padding: 20px 25px;

  border-radius: 12px;

  margin-bottom: 25px;

  box-shadow: 0 6px 20px rgba(0,0,0,0.05);

}

.info-text h2{

  color:#059669; /* tmavě zelená pro nadpis */

  font-size:2rem;

  margin-bottom:12px;

}

.info-text p{

  font-size:1rem;

  line-height:1.6;

  color:#111827; /* opravdu tmavý text pro čitelnost */

}



/* Formuláře */

.form-section{

  display:flex;

  gap:40px;

  margin:40px 0;

  flex-wrap:wrap;

  justify-content:center;

}

.form-section .form-card{

  flex:1 1 400px;

  max-width:400px;

  background:var(--form-bg);

  padding:25px;

  border-radius:12px;

  box-shadow:0 8px 25px rgba(0,0,0,0.1);

  transition: transform 0.3s, box-shadow 0.3s;

}

.form-section .form-card:hover{

  transform:translateY(-5px);

  box-shadow:0 12px 30px rgba(0,0,0,0.12);

}

.form-section .form-card h2{

  font-size:1.8rem;

  color:#e67e22;

  margin-bottom:1rem;

  text-align:left;

}

.form-section .form-card label{

  display:block;

  margin:0.8rem 0 0.3rem;

  font-weight:bold;

  color:#333;

}

.form-section .form-card input,

.form-section .form-card textarea,

.form-section .form-card select{

  width:100%;

  padding:0.8rem;

  border:2px solid #ddd;

  border-radius:8px;

  outline:none;

  font-size:1rem;

  transition:border 0.3s, box-shadow 0.3s;

  background:#fff;

}

.form-section .form-card input:focus,

.form-section .form-card textarea:focus,

.form-section .form-card select:focus{

  border-color:#e67e22;

  box-shadow:0 0 6px rgba(230,126,34,0.4);

}

.form-section .form-card button{

  margin-top:1.2rem;

  background:#e67e22;

  color:#fff;

  border:none;

  padding:1rem 1.2rem;

  border-radius:10px;

  font-size:1.1rem;

  cursor:pointer;

  transition: background 0.3s, transform 0.2s;

  width:100%;

}

.form-section .form-card button:hover{

  background:#cf711f;

  transform:translateY(-2px);

}



/* Login / Registrace */

.login-card, .register-card{

  background:#f0fdf8; /* jemná zelená pro odlišení */

  border-radius:12px;

  padding:25px;

  box-shadow:0 8px 20px rgba(0,0,0,0.08);

  max-width:450px;

  margin:20px auto;

}

.login-card h2, .register-card h2{

  color: #059669;

}

.login-card button, .register-card button{

  background: var(--accent);

  color:#fff;

}

.login-card button:hover, .register-card button:hover{

  background:#0e9d6c;

}



/* Flash zprávy */

.notice{

  padding:12px;

  border-radius:8px;

  margin-bottom:14px;

  color:#444;

}

.notice.success{

  background:#eafaf1;

  border-left:5px solid #27ae60;

}

.notice.error{

  background:#fdecea;

  border-left:5px solid #c0392b;

}



/* Footer */

.site-footer{

  padding:30px 0;

  text-align:center;

  color:#c0392b; /* červený text pro lepší viditelnost */

  line-height:1.6;

}

.site-footer a{

  color:#e74c3c; /* jasně červené odkazy */

  text-decoration:none;

}

.site-footer a:hover{

  text-decoration:underline;

}



/* Responsive */

@media(max-width:1100px){

  .wrap{padding:15px;}

}

@media(max-width:900px){

  .form-section{flex-direction:column;align-items:center;}

}

@media(max-width:600px){

  .hero h1{font-size:1.8rem;}

  .hero p{font-size:1rem;}

  .cta{padding:10px 20px;font-size:0.9rem;}

  .form-section .form-card{max-width:90%;}

}