/* Vstupní brána zahrady · brand influseed */
:root{--bg:#232323;--black:#000;--card:#2b2b2b;--line:#3a3a3a;--lime:#78FF69;--magenta:#F069FF;--silver:#A9A9A9;--text:#D2D2D2;--white:#fff;
--disp:'Space Grotesk',system-ui,sans-serif;--body:'Inter',system-ui,sans-serif;--pix:'Pixelify Sans','Space Grotesk',monospace}
*{box-sizing:border-box}
html,body{margin:0}
body{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;background:var(--bg);color:var(--text);font-family:var(--body);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;position:relative}
body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:32px 32px;
-webkit-mask-image:radial-gradient(ellipse at center,#000 30%,transparent 85%);mask-image:radial-gradient(ellipse at center,#000 30%,transparent 85%)}
:focus-visible{outline:3px solid var(--magenta);outline-offset:3px}
.deco{position:absolute;pointer-events:none;z-index:0;width:var(--s,90px);aspect-ratio:1;background:var(--c,var(--lime));opacity:.14;-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat;animation:bob 7s ease-in-out infinite;animation-delay:var(--d,0s)}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.d1{--i:url(icons/influseed_icon_spark.svg);--s:120px;top:6%;left:5%}
.d2{--i:url(icons/influseed_icon_shine.svg);--c:var(--magenta);--s:96px;top:14%;right:7%;--d:-2s}
.d3{--i:url(icons/influseed_icon_grow.svg);--s:140px;bottom:10%;left:9%;--d:-4s}
.d4{--i:url(icons/influseed_icon_arrows.svg);--c:var(--silver);--s:84px;bottom:16%;right:10%;--d:-1s;opacity:.12}
.d5{--i:url(icons/influseed_icon_spark.svg);--c:var(--magenta);--s:56px;top:58%;left:2%;--d:-3s}
.d6{--i:url(icons/influseed_icon_shine.svg);--s:64px;top:40%;right:3%;--d:-5s}
main{position:relative;z-index:1;flex:1;display:flex;align-items:center;justify-content:center;padding:48px 20px 24px}
.gate{width:100%;max-width:680px;text-align:center;display:flex;flex-direction:column;align-items:center}
.logo{width:min(380px,78vw);height:auto;margin:0 auto 36px}
.tag{display:inline-block;font-family:var(--pix);font-size:.95rem;color:var(--black);background:var(--lime);padding:3px 10px 4px;margin:0 0 22px;border:2px solid var(--black);box-shadow:3px 3px 0 var(--black);text-transform:lowercase}
h1{font-family:var(--disp);font-weight:700;color:var(--white);letter-spacing:-.02em;line-height:1.05;margin:0 0 18px;font-size:clamp(2.3rem,7vw,4rem)}
h1 span{color:var(--lime)}
.lead{margin:0 0 32px;max-width:520px;font-size:1.1rem;color:var(--text)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;font-family:var(--disp);font-weight:700;font-size:1.1rem;text-decoration:none;background:var(--lime);color:var(--black);border:2px solid var(--black);padding:12px 26px;box-shadow:5px 5px 0 var(--black),0 0 0 1px rgba(120,255,105,.0);text-transform:lowercase;transition:transform .08s ease,box-shadow .08s ease}
.btn:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--black)}
.btn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--black)}
.btn .px{width:18px;height:18px;margin-left:10px;background:var(--black);-webkit-mask:url(icons/influseed_icon_arrows.svg) center/contain no-repeat;mask:url(icons/influseed_icon_arrows.svg) center/contain no-repeat}
footer{position:relative;z-index:1;padding:20px;text-align:center;font-size:.9rem;color:var(--silver);border-top:2px solid var(--black);background:rgba(22,22,22,.7)}
footer a{color:var(--silver);text-underline-offset:3px;margin:0 10px;display:inline-block;padding:6px 0}
footer a:hover{color:var(--lime)}
@media (max-width:560px){body{font-size:16px}.d1{--s:80px}.d2{--s:64px}.d3{--s:90px}.d4,.d6{display:none}.d5{--s:44px}.logo{margin-bottom:28px}}
@media (prefers-reduced-motion:reduce){.deco{animation:none}.btn{transition:none}}