* {margin:0;padding:0;box-sizing:border-box;}
html,body{height:100%;font-family:'Poppins',sans-serif;color:#ffffff;background:#001f2b;}
.hero{position:relative;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;text-align:center;}
.grid-overlay{position:absolute;inset:0;background:
    repeating-linear-gradient(0deg,rgba(255,255,255,0.05) 0 1px,transparent 1px 40px),
    repeating-linear-gradient(90deg,rgba(255,255,255,0.05) 0 1px,transparent 1px 40px);}
.color-layer{position:absolute;inset:0;background:url('https://images.unsplash.com/photo-1499951360447-b19be8fe80f5?auto=format&fit=crop&w=1600&q=80') center/cover no-repeat;
    clip-path:circle(0% at 50% 50%);animation:reveal 4s ease-in-out 0.4s forwards;}
.content{position:relative;z-index:2;padding:2rem;max-width:800px;}
h1{font-size:clamp(2rem,6vw,4rem);font-weight:600;letter-spacing:1px;margin-bottom:1rem;
    text-shadow:0 0 8px rgba(0,0,0,0.85),0 0 24px rgba(0,0,0,0.95);
    -webkit-text-stroke: 1px rgba(0,0,0,0.95);}
p,.signature{font-size:clamp(1rem,2.5vw,1.25rem);font-weight:300;
    text-shadow:0 0 6px rgba(0,0,0,0.99),0 0 16px rgba(10,10,10,10.99);}
.signature{margin-top:2rem;font-style:italic;opacity:0.95;}
@keyframes reveal{to{clip-path:circle(150% at 50% 50%);}}

.content {
  position: relative;
  z-index: 2;
  padding: 2rem;
}

.content::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.4); /* przezroczyste 40 % */
  filter: blur(4px);
  z-index: -1;                 /* za tekstem */
  border-radius: 12px;
}