:root{--font-display: "Fredoka", sans-serif;--font-body: "Nunito", sans-serif;--font-sans: "Nunito", sans-serif;--sky-50: #ECF8FE;--sky-100: #D2EFFB;--sky-200: #A8E0F6;--sky-300: #74CEEE;--sky: #38B4E3;--sky-600: #2197CE;--sky-700: #1A7AAB;--honey-50: #FDF6E6;--honey-100: #FAE9C7;--honey-300: #F2CE84;--honey: #E9A94D;--honey-600: #C9852C;--gold-glow: #FFD56B;--leaf-100: #E7F4D6;--leaf: #7CC242;--leaf-600: #5C9E2B;--cream: #FFFBF2;--cream-deep: #FBF1DD;--peach: #F8EBD5;--text-main: #2D3A42;--text-secondary: #5C6970;--text-soft: #8A949A;--bg-start: var(--cream);--bg-end: #F4E4C6;--title-blue: var(--sky-300);--title-gold: var(--gold-glow);--wood-light: var(--honey-300);--wood-dark: var(--honey-600);--color-bg: var(--cream);--color-surface: #ffffff;--color-text: var(--text-main);--color-text-light: var(--text-secondary);--color-primary: var(--sky);--color-primary-hover: var(--sky-600);--color-primary-light: var(--sky-50);--color-border: rgba(233, 169, 77, .28);--color-card-border: rgba(233, 169, 77, .22);--bg-gradient: linear-gradient(180deg, var(--cream) 0%, #F6E7CB 100%);--grad-wood: linear-gradient(180deg, var(--honey-300) 0%, var(--honey) 55%, var(--honey-600) 100%);--grad-sky: linear-gradient(180deg, var(--sky-300) 0%, var(--sky) 55%, var(--sky-600) 100%);--grad-sylaby: linear-gradient(180deg, var(--sky-300) 0%, var(--sky-600) 100%);--grad-cyfry: linear-gradient(180deg, #2E8AC8 0%, #18548F 100%);--grad-leaf: linear-gradient(180deg, #93D45C 0%, var(--leaf-600) 100%);--shadow-sm: 0 4px 14px rgba(176, 132, 60, .07);--shadow-md: 0 14px 32px rgba(176, 132, 60, .1);--shadow-lg: 0 24px 56px rgba(176, 132, 60, .14);--shadow-sky: 0 18px 44px rgba(56, 180, 227, .2);--container-width: 1140px;--border-radius: 24px;--border-radius-sm: 14px;--transition-smooth: all .28s cubic-bezier(.34, 1.4, .5, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-body);color:var(--text-main);background:var(--bg-gradient);background-attachment:fixed;min-height:100vh;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{display:flex;flex-direction:column;min-height:100vh;position:relative;overflow-x:hidden}.page-aura{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(620px 460px at 8% -4%,rgba(56,180,227,.16),transparent 60%),radial-gradient(560px 420px at 98% 6%,rgba(233,169,77,.18),transparent 60%),radial-gradient(680px 520px at 50% 108%,rgba(124,194,66,.1),transparent 60%)}.page-aura:after{content:"";position:absolute;inset:0;opacity:.5;background-image:radial-gradient(rgba(201,133,44,.1) 1px,transparent 1.4px);background-size:26px 26px;mask-image:linear-gradient(180deg,transparent,#000 30%,#000 70%,transparent)}main{flex:1}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none;transition:var(--transition-smooth)}::selection{background:var(--sky-200);color:var(--text-main)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:1.18;letter-spacing:-.01em;color:var(--text-main)}p{font-family:var(--font-body)}.container{width:100%;max-width:var(--container-width);margin:0 auto;padding:0 1.5rem}.logo-blue{background:linear-gradient(180deg,var(--sky-300),var(--sky-600));-webkit-background-clip:text;background-clip:text;color:transparent}.logo-gold{background:linear-gradient(180deg,var(--gold-glow),var(--honey-600));-webkit-background-clip:text;background-clip:text;color:transparent}.navbar{background-color:#fffbf2d1;backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);border-bottom:1px solid rgba(233,169,77,.22);box-shadow:0 6px 24px #b0843c0f;position:sticky;top:0;z-index:100}.navbar-container{display:flex;justify-content:space-between;align-items:center;height:78px;gap:16px}.brand-logo{display:flex;align-items:center;gap:12px;font-weight:700;font-size:1.4rem;flex-shrink:0}.brand-mark{display:inline-flex;gap:4px}.brand-block{width:30px;height:30px;border-radius:9px;background:var(--grad-wood);box-shadow:0 3px 0 var(--honey-600),inset 0 2px 2px #ffffff80;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:1rem;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.25);transform:rotate(-5deg)}.brand-block.alt{background:var(--grad-sky);box-shadow:0 3px 0 var(--sky-700),inset 0 2px 2px #ffffff80;transform:rotate(5deg)}.brand-mark.small .brand-block{width:26px;height:26px;font-size:.85rem}.brand-logo:hover .brand-block{transform:rotate(-5deg) translateY(-2px)}.brand-logo:hover .brand-block.alt{transform:rotate(5deg) translateY(-2px)}.logo-text{display:flex;flex-direction:column;line-height:1.05;font-family:var(--font-display)}.logo-text .logo-blue{font-size:1.18rem;font-weight:700}.logo-text .logo-gold{font-size:.82rem;font-weight:600;letter-spacing:.02em}.nav-menu{display:flex;align-items:center;gap:10px}.nav-link{font-family:var(--font-display);font-weight:500;font-size:.98rem;color:var(--text-main);padding:9px 16px;border-radius:14px}.nav-link:hover{color:var(--sky-700);background-color:var(--sky-50)}.btn-3d{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:50px;font-family:var(--font-display);font-weight:600;font-size:1rem;text-shadow:0 1.5px 1.5px rgba(0,0,0,.18);color:#fff!important;text-decoration:none;cursor:pointer;user-select:none;transition:transform .12s ease,box-shadow .12s ease;border:1px solid rgba(0,0,0,.06);border-top:3px solid rgba(255,255,255,.45);box-shadow:0 5px 0 var(--btn-shadow),0 12px 22px -6px var(--btn-glow, rgba(0,0,0,.18))}.btn-3d:hover{transform:translateY(-2px);box-shadow:0 7px 0 var(--btn-shadow),0 18px 28px -6px var(--btn-glow, rgba(0,0,0,.22))}.btn-3d:active{transform:translateY(4px);box-shadow:0 1px 0 var(--btn-shadow)}.btn-wood-3d{background:var(--grad-wood);--btn-shadow: #a36e22;--btn-glow: rgba(233, 169, 77, .5);border-color:#c9852c}.btn-sky-3d{background:var(--grad-sky);--btn-shadow: #1a7aab;--btn-glow: rgba(56, 180, 227, .5);border-color:#2197ce}.btn-sylaby-3d{background:var(--grad-sylaby);--btn-shadow: #1a7aab;--btn-glow: rgba(56, 180, 227, .5);border-color:#2197ce}.btn-cyfry-3d{background:var(--grad-cyfry);--btn-shadow: #123f6e;--btn-glow: rgba(31, 93, 160, .45);border-color:#1a4d85}.btn-leaf-3d{background:var(--grad-leaf);--btn-shadow: #4d8423;--btn-glow: rgba(124, 194, 66, .5);border-color:#5c9e2b}.nav-link-sylaby-app,.nav-link-cyfry-app{display:inline-flex;align-items:center;gap:6px;color:#fff!important;font-family:var(--font-display);font-weight:600;text-shadow:0 1.5px 1.5px rgba(0,0,0,.18);padding:8px 16px;font-size:.86rem;border-radius:16px;border:1px solid rgba(0,0,0,.06);border-top:2px solid rgba(255,255,255,.45);transition:transform .12s ease,box-shadow .12s ease}.nav-link-sylaby-app{background:var(--grad-sylaby);--btn-shadow: #1a7aab;box-shadow:0 3.5px 0 var(--btn-shadow);border-color:#2197ce}.nav-link-cyfry-app{background:var(--grad-cyfry);--btn-shadow: #123f6e;box-shadow:0 3.5px 0 var(--btn-shadow);border-color:#1a4d85}.nav-link-sylaby-app:hover,.nav-link-cyfry-app:hover{transform:translateY(-1.5px);box-shadow:0 5px 0 var(--btn-shadow)}.nav-link-sylaby-app:active,.nav-link-cyfry-app:active{transform:translateY(3px);box-shadow:0 .5px 0 var(--btn-shadow)}@media(max-width:860px){.navbar-container{flex-direction:column;height:auto;padding:14px 1.5rem 16px;gap:12px}.nav-menu{gap:8px;flex-wrap:wrap;justify-content:center}.nav-link{font-size:.9rem;padding:7px 12px}.logo-text .logo-blue{font-size:1.05rem}}.footer{position:relative;background:linear-gradient(180deg,#FFFFFF 0%,var(--cream-deep) 100%);border-top:1px solid rgba(233,169,77,.22);color:var(--text-main);padding:72px 0 28px;margin-top:auto}.footer-wave{position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,var(--sky) 0%,var(--gold-glow) 50%,var(--leaf) 100%)}.footer-grid{display:grid;grid-template-columns:2fr 1.2fr 1fr;gap:48px;margin-bottom:44px}@media(max-width:768px){.footer-grid{grid-template-columns:1fr;gap:32px}}.footer-logo{display:flex;align-items:center;gap:12px;margin-bottom:14px}.footer-brand h3{font-size:1.3rem;color:var(--text-main)}.footer-brand p{font-size:.94rem;line-height:1.7;color:var(--text-secondary);max-width:440px}.footer-trust{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.trust-pill{font-size:.78rem;font-weight:700;color:var(--honey-600);background:var(--honey-50);border:1px solid rgba(233,169,77,.3);border-radius:30px;padding:5px 12px}.footer-links h4,.footer-nav h4{font-size:1.05rem;margin-bottom:18px;color:var(--text-main)}.footer-links ul,.footer-nav ul{list-style:none}.footer-links li,.footer-nav li{margin-bottom:11px}.footer-links a,.footer-nav a{font-size:.92rem;color:var(--text-secondary);font-weight:600}.footer-links a:hover,.footer-nav a:hover{color:var(--sky-700)}.footer-game-link{font-weight:700!important}.sylaby-color:hover{color:var(--sky-600)!important}.cyfry-color:hover{color:#18548f!important}.footer-bottom{border-top:1px solid rgba(233,169,77,.18);padding-top:26px;text-align:center;font-size:.84rem;color:var(--text-soft)}