.welcome-page{background:linear-gradient(160deg,#fefce8,#ecfdf5 50%,#f0fdfa);display:flex;flex-direction:column;min-height:100vh}.top-banner{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(90deg,#0d94881f,#0f766e2e 40%,#7c3aed14);border-bottom:1px solid #0d948840;box-shadow:0 2px 12px #0d948814;position:-webkit-sticky;position:sticky;top:0;z-index:100}.top-banner-inner{box-sizing:border-box;gap:1rem;justify-content:space-between;margin:0 auto;padding:.75rem 1.25rem;width:100%}.top-banner-brand,.top-banner-inner{align-items:center;display:flex;flex-wrap:wrap}.top-banner-brand{gap:.5rem}.top-banner-icon{color:#0f766e;font-size:1.25rem}.top-banner-title{color:#0f766e;font-family:var(--font-display);font-size:1.2rem;font-weight:600}.top-banner-tagline{color:#115e59;font-size:.875rem;margin:0;opacity:.95;padding-left:.25rem}@media (max-width:600px){.top-banner-tagline{margin-top:.25rem;padding-left:0;width:100%}}.top-banner-nav{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.top-banner-link{background:#ffffffd9;border:1px solid #0d948859;border-radius:var(--radius-sm);color:#0f766e;font-size:.9rem;font-weight:500;padding:.4rem .75rem;text-decoration:none;transition:background .2s ease,color .2s ease,border-color .2s ease}.top-banner-link:hover{background:#0f766e;border-color:#0f766e;color:#fff;text-decoration:none}.banner-hero{box-sizing:border-box;margin:0 auto 1.5rem;padding:0 1.25rem;width:100%}.banner-hero-inner{background:var(--surface);border-radius:var(--radius);box-shadow:0 12px 40px #0000001f;display:flex;gap:.75rem;margin:0 auto;max-width:1900px;overflow:hidden;width:100%}@media (max-width:768px){.banner-hero-inner{flex-direction:column}}.banner-carousel-wrap{background:var(--primary);flex:2 1;min-height:240px;min-width:0;overflow:hidden;position:relative}@media (max-width:768px){.banner-carousel-wrap{flex:1 1 100%}}.banner-carousel{height:100%;min-height:240px;overflow:hidden;position:relative;width:100%}.banner-slide{align-items:center;box-sizing:border-box;color:#fff;display:flex;height:100%;inset:0;opacity:0;padding:1.75rem 5rem 2.5rem 4rem;position:absolute;text-decoration:none;transition:opacity .4s ease,visibility .4s ease;visibility:hidden;width:100%}.banner-slide--active{opacity:1;visibility:visible;z-index:1}.banner-slide:hover{color:#fff;text-decoration:none}.banner-slide-content{max-width:85%;min-width:0}.banner-slide-title{font-family:var(--font-display);font-size:clamp(1.25rem,3vw,1.6rem);font-weight:700;line-height:1.25;margin:0 0 .4rem;text-shadow:0 1px 3px #0003}.banner-slide-slogan{font-size:1rem;font-weight:600;margin:0 0 .35rem;opacity:.98}.banner-slide-detail{font-size:.875rem;line-height:1.4;margin:0;opacity:.9}.banner-carousel-btn{background:#ffffff40;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.5rem;height:40px;line-height:1;position:absolute;top:50%;transform:translateY(-50%);transition:background .2s ease,transform .2s ease;width:40px;z-index:2}.banner-carousel-btn:hover{background:#fff6;transform:translateY(-50%) scale(1.05)}.banner-carousel-btn--prev{left:.75rem;z-index:3}.banner-carousel-btn--next{right:.75rem;z-index:3}.banner-carousel-pagination{align-items:center;bottom:.65rem;display:flex;gap:.5rem;justify-content:flex-end;left:.75rem;position:absolute;right:.75rem;z-index:2}.banner-carousel-pagination-text{color:#fffffff2;font-size:.8rem;font-weight:600;text-shadow:0 1px 2px #0000004d}.banner-carousel-dots{display:flex;gap:.35rem}.banner-carousel-dot{background:#fff6;border:none;border-radius:50%;cursor:pointer;height:8px;padding:0;transition:background .2s ease,transform .2s ease;width:8px}.banner-carousel-dot:hover{background:#ffffffb3}.banner-carousel-dot--active{background:#fff;transform:scale(1.2)}.banner-ad-panel{background:linear-gradient(180deg,#ea580c,#c2410c);box-sizing:border-box;color:#fff;display:flex;flex:1 1;flex-direction:column;min-height:220px;min-width:0;padding:2.25rem 1rem 1.25rem;position:relative}@media (max-width:768px){.banner-ad-panel{flex:1 1 100%;min-height:auto;padding:2.25rem 1.25rem 1.5rem}}.banner-ad-label{font-size:.7rem;font-weight:600;opacity:.9;position:absolute;right:.75rem;top:.5rem}.banner-ad-title{font-family:var(--font-display);font-size:1.1rem;font-weight:700;line-height:1.3;margin:0 0 1rem;padding:0 .5rem;text-align:center;text-shadow:0 1px 2px #0003}.banner-ad-list{display:flex;flex:1 1;flex-direction:column;gap:.65rem;min-height:0}.banner-ad-card{align-items:center;background:#ffffff2e;border-radius:var(--radius-sm);box-sizing:border-box;color:#fff;display:flex;flex-shrink:0;gap:.6rem;min-height:56px;padding:.7rem .85rem;text-decoration:none;transition:background .2s ease,transform .2s ease}.banner-ad-card:hover{background:#ffffff47;color:#fff;text-decoration:none;transform:translateX(4px)}.banner-ad-card-icon{flex-shrink:0;font-size:1.5rem;line-height:1}.banner-ad-card-text{display:flex;flex:1 1;flex-direction:column;gap:.2rem;justify-content:center;min-width:0}.banner-ad-card-title{display:block;font-size:.9rem;font-weight:600;line-height:1.25}.banner-ad-card-desc,.banner-ad-card-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.banner-ad-card-desc{font-size:.78rem;line-height:1.2;opacity:.95}.banner-ad-card-cta{flex-shrink:0;font-size:.85rem;font-weight:600;margin-left:.25rem}.promo-marquee-wrap{background:linear-gradient(90deg,#0d94880f,#7c3aed0f 50%,#0d94880f);border-bottom:1px solid var(--border);border-top:1px solid var(--border);overflow:hidden;padding:.75rem 0;width:100%}.promo-marquee{overflow:hidden;-webkit-user-select:none;user-select:none}.promo-marquee-track{animation:promo-scroll 45s linear infinite;display:flex;width:-webkit-max-content;width:max-content}.promo-marquee-track:hover{animation-play-state:paused}@keyframes promo-scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@media (prefers-reduced-motion:reduce){.promo-marquee-track{animation-duration:90s}}.promo-marquee-inner{align-items:center;display:flex;flex-shrink:0;gap:1.25rem;padding:0 1.5rem}.promo-marquee-item{align-items:center;display:inline-flex;flex-shrink:0;gap:.5rem}.promo-marquee-inner .promo-dot{margin-right:.25rem}.promo-dot{background:var(--primary);border-radius:50%;flex-shrink:0;height:6px;opacity:.7;width:6px}.promo-text{font-size:.95rem;font-weight:500;letter-spacing:.01em;white-space:nowrap}.promo-text--teal{color:#0d9488}.promo-text--purple{color:#7c3aed}.promo-text--orange{color:#ea580c}.promo-text--violet{color:#6d28d9}.promo-text--blue{color:#2563eb}.promo-text--green{color:#059669}.promo-text--slate{color:#475569}.scroll-promo{box-sizing:border-box;margin:0 auto 2rem;padding:0 1.25rem;width:100%}.scroll-promo-inner{margin:0 auto;max-width:1900px}.scroll-promo-title{color:var(--text);font-family:var(--font-display);font-size:1.25rem;margin:0 0 1rem}.scroll-promo-track{-webkit-overflow-scrolling:touch;display:flex;gap:1rem;overflow-x:auto;overflow-y:hidden;padding-bottom:.75rem;scroll-snap-type:x mandatory}.scroll-promo-track::-webkit-scrollbar{height:8px}.scroll-promo-track::-webkit-scrollbar-track{background:var(--border);border-radius:4px}.scroll-promo-track::-webkit-scrollbar-thumb{background:var(--primary);border-radius:4px}.scroll-promo-card{background:var(--surface);border-radius:var(--radius-sm);box-shadow:var(--shadow);color:var(--text);display:flex;flex:0 0 220px;flex-direction:column;overflow:hidden;scroll-snap-align:start;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.scroll-promo-card:hover{box-shadow:var(--shadow-hover);color:var(--text);text-decoration:none;transform:translateY(-4px)}.scroll-promo-img{flex-shrink:0;height:100px}.scroll-promo-img--video{align-items:center;background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;display:flex;font-size:2rem;justify-content:center}.scroll-promo-card--kazan .scroll-promo-img{background:linear-gradient(135deg,#0d9488,#0f766e)}.scroll-promo-card--cocuk .scroll-promo-img{background:linear-gradient(135deg,#7c3aed,#5b21b6)}.scroll-promo-card--english .scroll-promo-img{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.scroll-promo-card--software .scroll-promo-img{background:linear-gradient(135deg,#475569,#334155)}.scroll-promo-card--abc .scroll-promo-img{background:linear-gradient(135deg,#059669,#047857)}.scroll-promo-body{padding:.85rem 1rem}.scroll-promo-card-title{font-size:.95rem;font-weight:600;line-height:1.25;margin:0 0 .25rem}.scroll-promo-desc{color:var(--text-muted);font-size:.8rem;line-height:1.3;margin:0 0 .5rem}.scroll-promo-cta{color:var(--primary);font-size:.85rem;font-weight:600}.welcome-main{box-sizing:border-box;flex:1 1;margin:0 auto;max-width:80%;padding:0 1.25rem 3rem;width:100%}.hero-cards{grid-gap:1rem;box-sizing:border-box;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:1200px;padding:0 1.25rem}@media (max-width:1000px){.hero-cards{grid-template-columns:1fr 1fr}}@media (max-width:640px){.hero-cards{grid-template-columns:1fr;max-width:100%}}.hero-cta-card{align-items:center;border-radius:var(--radius-sm);box-shadow:0 6px 24px #00000014;color:#fff;display:flex;flex-direction:column;min-height:0;padding:1.15rem 1rem;text-align:center;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.hero-cta-card--kazan{background:linear-gradient(135deg,#0d9488,#0f766e);box-shadow:0 6px 20px #0d948833}.hero-cta-card--kazan:hover{box-shadow:0 8px 28px #0d948847}.hero-cta-card--cocuk{background:linear-gradient(135deg,#7c3aed,#5b21b6);box-shadow:0 6px 20px #7c3aed33}.hero-cta-card--cocuk:hover{box-shadow:0 8px 28px #7c3aed47}.hero-cta-card--english{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 20px #2563eb33}.hero-cta-card--english:hover{box-shadow:0 8px 28px #2563eb47}.hero-cta-card--software{background:linear-gradient(135deg,#475569,#334155);box-shadow:0 6px 20px #33415540}.hero-cta-card--software:hover{box-shadow:0 8px 28px #33415559}.hero-cta-card:hover{color:#fff;text-decoration:none;transform:translateY(-2px)}.hero-cta-icon{display:block;font-size:1.6rem;margin-bottom:.35rem}.hero-cta-title{font-family:var(--font-display);font-size:1.05rem;font-weight:600;margin:0 0 .25rem}.hero-cta-slogan{font-size:.8rem;font-weight:600;margin:0 0 .35rem;opacity:.98}.hero-cta-desc{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;flex:1 1;font-size:.78rem;line-height:1.35;margin:0 0 .75rem;min-height:0;opacity:.9;overflow:hidden}.hero-cta-btn{background:#ffffff40;border-radius:8px;display:inline-block;font-size:.8rem;font-weight:600;padding:.4rem .9rem}.projects-section{margin-bottom:2.5rem}.section-title{color:var(--text);font-family:var(--font-display);font-size:1.35rem;margin:0 0 .75rem}.section-subtitle{color:var(--text-muted);font-size:.95rem;margin:0 0 1rem}.projects-grid{grid-gap:1rem;display:grid;gap:1rem}.project-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem;transition:box-shadow .2s ease,transform .2s ease}.project-card,.project-card:hover{color:var(--text);text-decoration:none}.project-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-1px)}.project-icon{display:block;font-size:1.5rem;margin-bottom:.5rem}.project-title{font-size:1.1rem;font-weight:600;margin:0 0 .35rem}.project-desc{color:var(--text-muted);font-size:.9rem;margin:0 0 .75rem}.project-cta{color:var(--primary);font-size:.9rem;font-weight:500}.welcome-footer{color:var(--text-muted);font-size:.85rem;padding:1.5rem;text-align:center}.welcome-footer p{margin:0}.app{min-height:100vh}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem;transition:box-shadow .2s ease,transform .2s ease}.card:hover{box-shadow:var(--shadow-hover)}.back-link{align-items:center;color:var(--primary);display:inline-flex;font-weight:500;gap:.5rem;margin-bottom:1rem;padding:.25rem 0}.back-link:hover{color:var(--primary-dark);text-decoration:none}*,:after,:before{box-sizing:border-box}:root{--bg:#fefce8;--surface:#fff;--primary:#0d9488;--primary-dark:#0f766e;--accent:#f59e0b;--accent-soft:#fef3c7;--text:#1c1917;--text-muted:#57534e;--border:#e7e5e4;--success:#059669;--shadow:0 4px 14px #0d948814;--shadow-hover:0 8px 24px #0d948824;--radius:16px;--radius-sm:10px;--font:"Outfit",system-ui,sans-serif;--font-display:"Fredoka",sans-serif}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fefce8;background:var(--bg);color:#1c1917;color:var(--text);font-family:Outfit,system-ui,sans-serif;font-family:var(--font);line-height:1.5;margin:0}#root{min-height:100vh}a{color:#0d9488;color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit}