*{margin:0;padding:0;box-sizing:border-box}
html,body{height:100%}
body{
background:#1A1A1A;
font-family:Inter,Segoe UI,Arial,sans-serif;
color:#fff;
overflow:hidden;
}
.hero{
height:100%;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
text-align:center;
padding:32px;
position:relative;
z-index:2;
animation:fade .9s ease both;
}

/* --- logó rotátor: a szavak az eredeti fontból, a triangle-A mindig fix pozícióban --- */
.logo-rotator{
width:min(460px,80vw);
height:auto;
overflow:visible;
filter:
    drop-shadow(0 0 10px rgba(33,185,159,.25))
    drop-shadow(0 0 24px rgba(33,185,159,.18));
animation:pulse 8s ease-in-out infinite;
}

.logo-rotator .ink{
fill:#EAEAEA;
}
.logo-rotator .accent{
fill:#22b9a0;
}

.logo-rotator .word{
opacity:0;
transition:opacity .6s ease, filter .6s ease;
filter:blur(6px);
}
.logo-rotator .word.is-active{
opacity:1;
filter:blur(0);
}

.subline{
margin-top:36px;
font-size:clamp(18px,2vw,24px);
font-weight:500;
letter-spacing:.04em;
color:#EAEAEA;
}
.mail{
margin-top:28px;
color:#21b99f;
text-decoration:none;
font-size:16px;
}
.hint{
position:absolute;
bottom:40px;
left:50%;
transform:translateX(-50%);
font-size:12px;
color:#666;
letter-spacing:.12em;
text-transform:uppercase;
}
.noise{
position:fixed;inset:0;
background:url('../img/noise.png');
opacity:.04;
mix-blend-mode:soft-light;
pointer-events:none;
}
.glow{
position:fixed;
width:600px;
height:600px;
left:50%;
top:50%;
transform:translate(-50%,-50%);
background:radial-gradient(circle,rgba(33,185,159,.12) 0%,rgba(33,185,159,.04) 40%,transparent 75%);
filter:blur(60px);
pointer-events:none;
}
@keyframes pulse{
0%,100%{
filter:
    drop-shadow(0 0 8px rgba(33,185,159,.18))
    drop-shadow(0 0 24px rgba(33,185,159,.12));
}
50%{
filter:
    drop-shadow(0 0 14px rgba(33,185,159,.35))
    drop-shadow(0 0 42px rgba(33,185,159,.22));
}
}
@keyframes fade{
from{opacity:0;transform:translateY(16px)}
to{opacity:1;transform:none}
}

@media (prefers-reduced-motion: reduce){
.logo-rotator .word{
    transition:none;
    filter:none;
}
.hero{ animation:none; }
.logo-rotator{ animation:none; }
}