:root{
  --brand:#2E7D32;
  --glass:rgba(255,255,255,.12);
  --border:rgba(255,255,255,.2);
  --radius:16px;
  --shadow:0 8px 32px rgba(0,0,0,.25);
}
,::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html,body{min-height:100vh;font-family:Inter,system-ui;}
body{
  background:url('https://images.unsplash.com/photo-1441974231531-c6227db76b6e?auto=format&fit=crop&w=1400&q=80') center/cover no-repeat fixed;
  color:#fff;
}
body::after{
  content:'';
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.45);
  z-index:-1;
}
header{
  position:sticky;top:0;z-index:100;
  padding:.75rem 5%;
  background:var(--glass);
  backdrop-filter:blur(12px);
  border-bottom:1px solid var(--border);
}
nav{display:flex;justify-content:space-between;align-items:center;}
.logo{font-size:1.5rem;font-weight:700;}
nav ul{list-style:none;display:flex;gap:1.5rem;}
nav a{color:#fff;text-decoration:none;font-weight:500;transition:.3s;}
nav a:hover{color:#a3f7bf;}
section{padding:4rem 5%;display:flex;flex-direction:column;align-items:center;gap:2rem;}
h2{font-size:2.5rem;text-align:center;margin-bottom:.5rem;text-shadow:0 1px 2px #0009;}
p{max-width:600px;text-align:center;color:#e5e7eb;text-shadow:0 1px 2px #0009;}
.card{
  width:100%;max-width:800px;background:var(--glass);
  border:1px solid var(--border);border-radius:var(--radius);
  padding:2.5rem;backdrop-filter:blur(16px) saturate(180%);
  box-shadow:var(--shadow);color:#fff;
}
.form-group{margin-bottom:1.25rem;}
label{display:block;margin-bottom:.5rem;font-weight:500;}
select,input{width:100%;padding:.75rem;border:1px solid var(--border);border-radius:10px;background:rgba(255,255,255,.15);color:#fff;}
.btn{background:#a3f7bf;color:#0f172a;border:none;padding:.75rem 1.5rem;border-radius:10px;font-weight:600;cursor:pointer;transition:.3s;}
.btn:hover{transform:translateY(-2px);filter:brightness(1.1);}
.result{margin-top:1rem;font-size:1.25rem;font-weight:600;}