/* EŠERIUKAS / Hostinger – 2026, compact dimensional design. */
.dimension{--ink:#eff7f4;--muted:#a8c7c2;--green:#087c6b;--mint:#c5e8dc;color-scheme:dark;background:#608783;color:var(--ink);font-family:Inter,system-ui,-apple-system,'Segoe UI',Arial,sans-serif;line-height:1.5}
.dimension *{box-sizing:border-box}.dimension .wrap{width:min(1120px,calc(100% - 44px))}.dimension a:focus-visible,.dimension button:focus-visible{outline:3px solid #c5e8dc;outline-offset:3px}
.dimension .top{position:relative;z-index:5;border:0;background:#082d2f;box-shadow:0 10px 30px #092c2b4a}.dimension .nav{min-height:82px}.dimension .brand{font-size:1.23rem;letter-spacing:-.02em;color:#f3fbf8;gap:17px}.dimension .brand img{width:70px;height:70px;object-fit:contain;border-radius:0;filter:grayscale(1) brightness(0) invert(1);mix-blend-mode:screen}
.dimension .navlinks{gap:8px}.dimension .navlinks a{font-size:.91rem;padding:9px 15px;border-radius:12px;color:#e2eeeb;transition:background .18s}.dimension .navlinks a:hover,.dimension .navlinks a.active{background:#087562;color:white}
.dimension .home-hero{min-height:405px;background:linear-gradient(90deg,rgba(7,39,41,.91) 0%,rgba(7,40,42,.78) 43%,rgba(9,46,48,.27) 100%),url('lake.svg') center 47%/cover no-repeat;position:relative;isolation:isolate;box-shadow:inset 0 -32px 50px #072e3045}.dimension .hero-inner{padding:79px 24px 64px 26px}.dimension .minor-rule{display:block;width:56px;height:4px;background:#ade3d3;border-radius:4px;margin-bottom:19px}.dimension .hero-inner h1{font-size:clamp(3rem,6.1vw,5.2rem);font-weight:850;letter-spacing:-.055em;line-height:1;margin:0 0 9px;color:white}.dimension .hero-sub{font-size:clamp(1.2rem,2.35vw,1.65rem);font-weight:680;color:#b4e3d7;margin:0 0 23px}.dimension .hero-description{max-width:475px;color:#eef5f3;line-height:1.62;font-size:1rem;margin:0}.dimension .hero-actions{margin-top:27px;display:flex;gap:12px;flex-wrap:wrap}.dimension .button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:47px;padding:12px 19px;background:#e4f4ef;color:#06483e;text-decoration:none;border:1px solid transparent;font-size:.92rem;font-weight:750;border-radius:11px;box-shadow:0 8px 19px #052b2b32,0 1px 2px #012a2a30;transition:transform .2s,box-shadow .2s,background .2s}.dimension .button:hover:not(.disabled){transform:translateY(-3px);box-shadow:0 14px 26px #052b2b55}.dimension .button.main{background:linear-gradient(145deg,#138a76,#006451);color:white;border-color:#3ba18d}.dimension .button.quiet{background:#def0ea;color:#0c4b41}.dimension .button.outline{background:#e5f2ef}.dimension .button.disabled{opacity:.52;pointer-events:none;box-shadow:none}.dimension .hero-note{font-size:.77rem;color:#c6d9d5;margin:10px 0 0;min-height:0}.dimension .hero-note:empty{display:none}
.dimension .shortcut{padding:20px 0 18px}.dimension .shortcut-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.dimension .shortcut-grid a{background:linear-gradient(155deg,#f7fdfb,#c5e0d8);border:1px solid #dfefea;border-radius:16px;min-height:114px;box-shadow:0 10px 18px #183f4033,0 2px 4px #193a3a2e;display:flex;align-items:center;gap:15px;padding:20px 16px;color:#122d31;text-decoration:none;transition:transform .2s,box-shadow .2s}.dimension .shortcut-grid a:hover{transform:translateY(-5px);box-shadow:0 17px 28px #163b3c60}.dimension .shortcut-icon{height:47px;width:47px;flex:0 0 47px;border-radius:14px;display:grid;place-items:center;color:#035b4e;font-size:1.75rem;background:#bfdfd4}.dimension .shortcut-description{display:flex;flex:1;flex-direction:column;gap:3px}.dimension .shortcut-description strong{font-size:.98rem}.dimension .shortcut-description small{font-size:.78rem;color:#526d6d;line-height:1.35}.dimension .shortcut-arrow{font-size:1.1rem;color:#176c5c;align-self:flex-start}
.dimension .app-section{padding:2px 0 21px}.dimension .app-panel{background:linear-gradient(118deg,#edf9f5 0%,#d1e8e1 53%,#b0d1c9 100%);color:#0b3033;min-height:319px;border-radius:21px;border:1px solid #e0f3ed;box-shadow:0 16px 31px #123c3c4f,0 2px 6px #082e2e28;display:grid;grid-template-columns:1fr 470px;align-items:center;overflow:hidden;padding:28px 40px 0 42px;gap:20px}.dimension .tiny-kicker{font-size:.69rem;letter-spacing:.16em;color:#187b68;font-weight:850}.dimension .app-copy{padding-bottom:25px}.dimension .app-copy h2{font-size:clamp(1.7rem,2.7vw,2.3rem);line-height:1.16;letter-spacing:-.045em;margin:10px 0 13px;max-width:430px}.dimension .app-copy p:not(.hint){max-width:465px;color:#345454;font-size:.96rem;line-height:1.58;margin:0}.dimension .app-buttons{margin-top:19px}.dimension .hint{font-size:.77rem;color:#466764;margin:9px 0 0}.dimension .phone-stage{position:relative;align-self:stretch;min-height:312px;overflow:visible}.dimension .phone{position:absolute;width:174px;height:340px;border-radius:28px;background:#111c1c;padding:8px;overflow:hidden;box-shadow:0 15px 25px #001f2066,0 0 0 2px #607478,0 0 0 4px #121d1c;transform-origin:bottom}.dimension .phone img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:20px}.dimension .phone-front{left:57px;top:10px;transform:rotate(-9deg);z-index:2}.dimension .phone-back{left:243px;top:9px;transform:rotate(7deg);z-index:1}
.dimension .upload-section{padding:0 0 22px}.dimension .upload-row{display:flex;align-items:center;justify-content:space-between;gap:24px;border-radius:15px;background:#154d4c;border:1px solid #6fada3;padding:20px 25px;box-shadow:0 10px 22px #173f3f3f}.dimension .upload-row h2{font-size:1.15rem;letter-spacing:-.01em;margin:0 0 4px}.dimension .upload-row p:not(.hint){font-size:.86rem;color:#c6e4df;margin:0}.dimension .upload-row .hint{color:#d6e7e3}.dimension .footer-new{background:#072e30;box-shadow:0 -9px 20px #12393733;color:white;padding:19px 0 10px}.dimension .footer-content{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:15px}.dimension .footer-organizer{display:flex;align-items:center;gap:18px}.dimension .footer-organizer img{width:73px;height:73px;object-fit:contain;aspect-ratio:1;background:#fff;border-radius:50%;padding:3px}.dimension .footer-organizer small{font-size:.67rem;letter-spacing:.12em;display:block;color:#a6c7c1;margin-bottom:6px}.dimension .footer-organizer strong{display:block;font-size:1rem}.dimension .footer-contact{display:flex;flex-direction:column;gap:5px;font-size:.85rem}.dimension .footer-contact a{color:#e1f3ed;text-decoration:none}.dimension .footer-contact span{color:#bad5cf}.dimension .footer-base{display:flex;justify-content:space-between;border-top:1px solid #315d59;padding-top:10px;color:#9cbcb8;font-size:.73rem}
/* same theme on inner pages, maintaining complete rule text */
.dimension .inner-page,.dimension .rules-page{padding:45px 0 66px;min-height:57vh;color:#122e31}.dimension .inner-page .wrap{background:#ecf5f2;padding:32px;border-radius:18px;box-shadow:0 10px 25px #143d3d44}.dimension .inner-page h1{font-size:3.4rem;line-height:1.1;letter-spacing:-.05em;margin:0 0 12px}.dimension .inner-intro{max-width:690px;color:#536f70}.dimension .inner-page .kicker{color:#006c5e;font-size:.7rem;letter-spacing:.14em;font-weight:800}.dimension .competition-grid{margin-top:30px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.dimension .competition-panel{background:#fafdfc;border:1px solid #c8ded7;border-radius:14px;padding:25px;min-height:195px}.dimension .competition-panel h2{margin:10px 0;font-size:1.45rem}.dimension .competition-panel p,.dimension .page-bottom{color:#567272}.dimension .eyeline{font-size:.7rem;letter-spacing:.15em;font-weight:800;color:#0c7768}.dimension .page-bottom{margin-top:25px}.dimension .page-bottom a{color:#007362}
.dimension .rules-page{width:min(900px,calc(100% - 44px));margin:26px auto;background:#edf7f3;border-radius:17px;padding:32px 43px;color:#143232;box-shadow:0 10px 24px #153d3c43}.dimension .rules-page h1{color:#123133}.dimension .rules-page h2{color:#087462;font-size:1.38rem;margin:32px 0 13px}.dimension .rules-page .intro{color:#55736d}.dimension .rules-page li{color:#294b48;margin-bottom:8px}.dimension .rules-page .note{background:#d2e8e0;color:#315d57}.dimension .rules-page .accent-link{color:#007362}.dimension .foot{background:#082c2f;color:#a5c7c0}
@media(max-width:860px){.dimension .wrap{width:calc(100% - 30px)}.dimension .nav{min-height:68px}.dimension .brand img{width:54px;height:54px}.dimension .menu-toggle{display:block;background:transparent;color:#f5fbf9;border:1px solid #426b66;border-radius:9px;padding:8px 11px}.dimension .navlinks{display:none;position:absolute;left:0;right:0;top:68px;background:#082d2f;padding:17px;flex-direction:column;align-items:stretch;border-bottom:1px solid #426b66;box-shadow:0 15px 18px #0e313144}.dimension .navlinks.open{display:flex}.dimension .navlinks a{padding:8px 11px}.dimension .app-panel{grid-template-columns:1fr 300px;padding-left:26px;padding-right:18px}.dimension .phone-front{left:10px}.dimension .phone-back{left:142px}.dimension .phone{width:148px;height:305px}.dimension .shortcut-grid a{padding:14px 12px;gap:8px}.dimension .shortcut-icon{width:39px;height:39px;flex-basis:39px;font-size:1.4rem}.dimension .shortcut-description strong{font-size:.88rem}}
@media(max-width:650px){.dimension .home-hero{min-height:0}.dimension .hero-inner{padding:58px 7px 50px}.dimension .hero-inner h1{font-size:clamp(2.8rem,11vw,4.2rem)}.dimension .hero-description{font-size:.93rem}.dimension .hero-actions{gap:10px}.dimension .button{padding:11px 12px;font-size:.86rem}.dimension .shortcut{padding:12px 0}.dimension .shortcut-grid{grid-template-columns:1fr;gap:9px}.dimension .shortcut-grid a{min-height:75px}.dimension .app-panel{grid-template-columns:1fr;position:relative;padding:23px 20px 0;gap:0}.dimension .app-copy{padding-bottom:0}.dimension .app-copy h2{font-size:1.7rem}.dimension .phone-stage{width:300px;height:200px;min-height:200px;justify-self:center;margin-top:15px}.dimension .phone{width:135px;height:260px}.dimension .phone-front{left:13px;top:3px}.dimension .phone-back{left:158px;top:3px}.dimension .upload-row{flex-direction:column;align-items:flex-start;gap:14px;padding:18px}.dimension .footer-content{flex-direction:column;align-items:flex-start}.dimension .footer-organizer img{width:62px;height:62px}.dimension .rules-page{width:calc(100% - 24px);padding:24px 20px}.dimension .inner-page .wrap{padding:22px}.dimension .inner-page h1{font-size:2.8rem}.dimension .competition-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.dimension *, .dimension *::before{transition:none!important;scroll-behavior:auto!important}}