:root{--bg-base: #f0f7fd;--bg-gradient: linear-gradient(180deg, #ffffff 0%, #edf6fc 40%, #e0f2fe 80%, #dbeafe 100%);--bg-card: rgba(255, 255, 255, .82);--bg-card-hover: rgba(255, 255, 255, .96);--bg-glass: rgba(255, 255, 255, .85);--border-subtle: rgba(56, 189, 248, .22);--border-card: rgba(186, 230, 253, .45);--border-glow: rgba(14, 165, 233, .5);--glow-cyan: 0 8px 30px rgba(56, 189, 248, .2);--glow-gold: 0 4px 20px rgba(245, 158, 11, .2);--shadow-card: 0 10px 28px rgba(15, 23, 42, .06), 0 2px 6px rgba(15, 23, 42, .03);--shadow-card-hover: 0 16px 40px rgba(14, 165, 233, .14), 0 4px 10px rgba(15, 23, 42, .04);--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--text-accent: #0284c7;--text-gold: #d97706;--primary: #0284c7;--primary-hover: #0369a1;--gold: #f59e0b;--accent-gradient: linear-gradient(135deg, #0284c7 0%, #2563eb 50%, #7c3aed 100%);--gold-gradient: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-display: "Cinzel", "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2.5rem;--space-2xl: 4rem;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--radius-full: 9999px;--transition-fast: .18s ease;--transition-normal: .3s cubic-bezier(.16, 1, .3, 1);--transition-slow: .6s cubic-bezier(.16, 1, .3, 1);--container-max: 1120px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility}body{font-family:var(--font-sans);background-color:var(--bg-base);background-image:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(255,255,255,.95) 0%,rgba(224,242,254,.4) 60%,transparent 100%),url(/img/generated/cloud_bg.webp);background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-position:center top;color:var(--text-primary);min-height:100vh;line-height:1.65;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(max-width:768px){body{background-image:radial-gradient(ellipse 90% 40% at 50% -5%,rgba(255,255,255,.95) 0%,rgba(224,242,254,.4) 60%,transparent 100%),url(/img/generated/cloud_bg-mobile.webp);background-attachment:scroll}}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.intro-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff;overflow:hidden;touch-action:manipulation}.intro-overlay.intro-fadein{opacity:0!important;transition:none!important}.intro-overlay.fading-out{opacity:0;transition:opacity 1.2s cubic-bezier(.4,0,.2,1);pointer-events:none}.intro-overlay.intro-hidden{display:none!important}.intro-clouds{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.cloud-layer{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;opacity:.88;filter:blur(28px)}.cloud-layer-1{background:radial-gradient(ellipse 65% 55% at 50% 45%,rgba(255,255,255,.98) 0%,rgba(224,242,254,.75) 40%,rgba(186,230,253,.35) 70%,transparent 100%);animation:cloudDrift1 12s ease-in-out infinite alternate;transition:transform 2.4s cubic-bezier(.16,1,.3,1),opacity 2.2s ease}.cloud-layer-2{background:radial-gradient(ellipse 70% 60% at 30% 60%,rgba(255,255,255,.95) 0%,rgba(240,249,255,.65) 50%,rgba(199,210,254,.25) 75%,transparent 100%);animation:cloudDrift2 15s ease-in-out infinite alternate;transition:transform 2.6s cubic-bezier(.16,1,.3,1),opacity 2.3s ease}.cloud-layer-3{background:radial-gradient(ellipse 60% 50% at 70% 35%,rgba(255,255,255,.95) 0%,rgba(224,231,255,.5) 45%,rgba(254,243,199,.2) 75%,transparent 100%);animation:cloudDrift3 18s ease-in-out infinite alternate;transition:transform 2.5s cubic-bezier(.16,1,.3,1),opacity 2.2s ease}.intro-overlay.parting .cloud-layer-1{transform:scale(1.6) translate(-15%,-10%);opacity:0;animation-play-state:paused}.intro-overlay.parting .cloud-layer-2{transform:scale(1.7) translate(15%,15%);opacity:0;animation-play-state:paused}.intro-overlay.parting .cloud-layer-3{transform:scale(1.5) translate(-10%,15%);opacity:0;animation-play-state:paused}.intro-content{position:relative;z-index:2;text-align:center;padding:var(--space-md);max-width:90vw;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:20vh}.intro-slogan{font-family:var(--font-display);font-size:clamp(1.8rem,6vw,3.4rem);font-weight:700;letter-spacing:.08em;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:0;transform:translateY(16px) scale(.96);transition:opacity 1.4s cubic-bezier(.16,1,.3,1),transform 1.4s cubic-bezier(.16,1,.3,1);filter:drop-shadow(0 4px 18px rgba(56,189,248,.25));position:relative;z-index:3}.intro-slogan.visible{opacity:1;transform:translateY(0) scale(1)}.intro-slogan.morph-out{opacity:0;transform:scale(1.06) translateY(-10px);transition:opacity .7s ease,transform .7s ease}.intro-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;filter:blur(6px);transition:opacity 1.4s cubic-bezier(.16,1,.3,1),transform 1.4s cubic-bezier(.16,1,.3,1),filter 1.4s cubic-bezier(.16,1,.3,1);pointer-events:none;z-index:3;width:90%;max-width:500px}.intro-logo.visible{opacity:1;transform:translate(-50%,-50%) scale(1);filter:blur(0)}.intro-logo-img{width:100%;max-width:min(440px,78vw);height:auto;display:block;filter:drop-shadow(0 6px 22px rgba(2,132,199,.22))}.intro-sparkle{display:inline-block;font-size:1.5rem;color:var(--gold);animation:sparkleRotate 3s infinite linear;margin-top:.65rem;opacity:0;transition:opacity .6s ease .3s}.intro-logo.visible .intro-sparkle{opacity:1}.intro-skip-btn{position:absolute;top:max(env(safe-area-inset-top,16px),20px);right:max(env(safe-area-inset-right,16px),20px);z-index:10;display:inline-flex;align-items:center;gap:.4rem;padding:.65rem 1.15rem;min-height:44px;background:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(2,132,199,.25);border-radius:var(--radius-full);font-size:.85rem;font-weight:600;color:#0f172a;box-shadow:0 4px 14px #0f172a14;opacity:0;pointer-events:none;transition:opacity .8s ease,transform var(--transition-fast),border-color var(--transition-fast);cursor:pointer;touch-action:manipulation}.intro-skip-btn.visible{opacity:1;pointer-events:auto}.intro-skip-btn:hover,.intro-skip-btn:focus-visible{background:#fff;border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}.intro-skip-btn:active{transform:scale(.96)}@keyframes cloudDrift1{0%{transform:translate(0) scale(1)}to{transform:translate(4%,3%) scale(1.05)}}@keyframes cloudDrift2{0%{transform:translate(0) scale(1.04)}to{transform:translate(-3%,-2%) scale(1)}}@keyframes cloudDrift3{0%{transform:translate(0) scale(1)}to{transform:translate(2%,-3%) scale(1.03)}}@keyframes sparkleRotate{0%{transform:rotate(0) scale(.95);opacity:.7}50%{transform:rotate(180deg) scale(1.15);opacity:1}to{transform:rotate(360deg) scale(.95);opacity:.7}}.site-wrapper{display:flex;flex-direction:column;min-height:100vh;opacity:1;visibility:visible;transition:opacity .85s cubic-bezier(.16,1,.3,1),visibility .85s}html.intro-active .site-wrapper{opacity:0!important;visibility:hidden!important;pointer-events:none!important}.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--space-md)}.site-header{position:sticky;top:0;z-index:100;background:var(--bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);padding-block:.65rem;box-shadow:0 4px 20px #0ea5e90f;transition:all var(--transition-normal)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.site-logo{display:flex;align-items:center;gap:.6rem;-webkit-user-select:none;user-select:none}.site-logo-img{height:38px;width:auto;object-fit:contain;transition:transform var(--transition-fast)}.site-logo:hover .site-logo-img{transform:scale(1.03)}.header-actions{display:flex;align-items:center;gap:.75rem}.site-nav{display:none}.nav-link{font-size:.92rem;font-weight:600;color:var(--text-secondary);padding:.45rem .8rem;border-radius:var(--radius-sm);transition:color var(--transition-fast),background-color var(--transition-fast)}.nav-link:hover{color:var(--primary);background-color:#0284c714}.lang-switcher{display:flex;align-items:center;background:#0284c712;border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:2px}.lang-btn{padding:.35rem .75rem;min-height:34px;font-size:.78rem;font-weight:700;letter-spacing:.04em;color:var(--text-muted);border-radius:var(--radius-full);transition:all var(--transition-fast)}.lang-btn:hover{color:var(--text-primary)}.lang-btn.active{background:var(--primary);color:#fff;box-shadow:0 2px 8px #0284c759}.hero-section{position:relative;padding-block:var(--space-xl) var(--space-2xl);text-align:center;overflow:hidden}.hero-glow-blob{position:absolute;top:0;left:50%;transform:translate(-50%);width:min(700px,92vw);height:350px;background:radial-gradient(ellipse 60% 50% at 50% 30%,rgba(56,189,248,.22) 0%,rgba(224,242,254,.6) 50%,transparent 80%);filter:blur(40px);pointer-events:none;z-index:0}.hero-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}.badge{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .9rem;background:#0284c714;border:1px solid rgba(2,132,199,.22);border-radius:var(--radius-full);font-size:.75rem;font-weight:700;color:var(--primary);letter-spacing:.05em;text-transform:uppercase;margin-bottom:var(--space-md)}.hero-title{font-family:var(--font-display);font-size:clamp(2.4rem,8vw,4.4rem);font-weight:800;line-height:1.12;letter-spacing:-.01em;margin-bottom:var(--space-md);max-width:820px}.hero-title .gradient-text{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;text-shadow:0 4px 20px rgba(56,189,248,.15)}.hero-tagline{font-size:clamp(1.05rem,3.2vw,1.3rem);color:var(--text-secondary);max-width:620px;margin-bottom:var(--space-lg);font-weight:450;line-height:1.6}.hero-actions{display:flex;flex-direction:column;width:100%;max-width:320px;gap:.75rem;margin-inline:auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.45rem;min-height:48px;font-size:.95rem;font-weight:600;border-radius:var(--radius-md);transition:all var(--transition-normal);text-align:center;cursor:pointer;touch-action:manipulation}.btn-primary{background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;box-shadow:0 4px 16px #0284c74d}.btn-primary:hover,.btn-primary:focus-visible{background:linear-gradient(135deg,#0369a1,#075985);box-shadow:0 6px 22px #0284c773;transform:translateY(-2px)}.btn-secondary{background:#ffffffd9;color:var(--text-primary);border:1px solid var(--border-subtle);box-shadow:0 2px 8px #0000000a}.btn-secondary:hover,.btn-secondary:focus-visible{background:#fff;border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 14px #0284c726}.showcase-section{padding-block:var(--space-xl) var(--space-2xl);position:relative}.showcase-card{background:var(--bg-card);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border-card);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-card);transition:border-color var(--transition-normal),box-shadow var(--transition-normal),transform var(--transition-normal)}.showcase-card:hover{border-color:var(--border-glow);box-shadow:var(--shadow-card-hover);transform:translateY(-3px)}.showcase-art-container{position:relative;width:100%;aspect-ratio:16 / 9;background:#e0f2fe;overflow:hidden}.showcase-art{width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .8s cubic-bezier(.16,1,.3,1)}.showcase-card:hover .showcase-art{transform:scale(1.03)}.showcase-body{padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm)}.showcase-title{font-family:var(--font-display);font-size:clamp(1.6rem,5vw,2.3rem);font-weight:700;color:var(--text-primary)}.showcase-tagline{font-size:1.05rem;font-weight:600;color:var(--primary)}.showcase-desc{font-size:.96rem;color:var(--text-secondary);line-height:1.7;margin-block:.35rem .85rem}.creator-section{padding-block:var(--space-xl) var(--space-2xl);position:relative}.creator-card{background:var(--bg-card);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border-card);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-card);transition:all var(--transition-normal)}.creator-card:hover{border-color:var(--border-glow);box-shadow:var(--shadow-card-hover);transform:translateY(-3px)}.creator-photo-wrapper{position:relative;width:100%;aspect-ratio:1 / 1;max-height:460px;background:radial-gradient(circle at 50% 40%,#e0f2fe,#bae6fd 60%,#e0f2fe);display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.creator-photo{width:90%;height:90%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 10px 20px rgba(15,23,42,.12));transition:transform .8s cubic-bezier(.16,1,.3,1)}.creator-card:hover .creator-photo{transform:scale(1.03)}.creator-info{padding:var(--space-lg);display:flex;flex-direction:column;justify-content:center;gap:var(--space-sm)}.creator-name{font-family:var(--font-display);font-size:clamp(1.4rem,4.5vw,2rem);font-weight:700;color:var(--text-primary)}.creator-role{font-size:.95rem;font-weight:600;color:var(--primary)}.creator-bio{font-size:.96rem;color:var(--text-secondary);line-height:1.7;margin-top:.35rem}.site-footer{margin-top:auto;background:#ffffffd9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border-subtle);padding-block:var(--space-lg) var(--space-xl);font-size:.88rem;color:var(--text-muted)}.footer-inner{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-md)}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1.25rem}.footer-link{color:var(--text-secondary);font-weight:500;transition:color var(--transition-fast);padding:.25rem}.footer-link:hover{color:var(--primary)}.replay-btn{display:inline-flex;align-items:center;gap:.35rem;color:var(--text-secondary);font-size:.82rem;font-weight:500;padding:.35rem .75rem;border-radius:var(--radius-full);border:1px solid var(--border-subtle);background:#fffc;transition:all var(--transition-fast)}.replay-btn:hover{color:var(--primary);border-color:var(--primary);background:#0284c714}.swiss-badge{display:inline-flex;align-items:center;gap:.45rem;font-size:.78rem;font-weight:500;color:var(--text-muted)}.swiss-cross{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;background:#dc2626;color:#fff;border-radius:2px;font-weight:900;font-size:11px;line-height:1}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:#0f172a80;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:flex-end;justify-content:center;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s}.modal-overlay.active{opacity:1;visibility:visible}.modal-card{width:100%;max-width:680px;background:#fff;border:1px solid rgba(14,165,233,.2);border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);border-bottom-left-radius:0;border-bottom-right-radius:0;padding:var(--space-lg);box-shadow:0 -12px 40px #0f172a33;transform:translateY(100%);transition:transform .3s cubic-bezier(.16,1,.3,1);max-height:90vh;overflow-y:auto}.modal-overlay.active .modal-card{transform:translateY(0)}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md);padding-bottom:.75rem;border-bottom:1px solid #e2e8f0}.modal-tabs{display:flex;gap:.5rem;margin-bottom:var(--space-md);border-bottom:1px solid #e2e8f0;padding-bottom:.5rem}.modal-tab-btn{padding:.45rem .9rem;border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;color:var(--text-muted);transition:all var(--transition-fast)}.modal-tab-btn:hover{color:var(--text-primary);background:#f1f5f9}.modal-tab-btn.active{color:var(--primary);background:#0284c71a}.modal-tab-content{display:none}.modal-tab-content.active{display:flex;flex-direction:column;gap:var(--space-md)}.modal-title{font-family:var(--font-display);font-size:1.35rem;font-weight:700;color:var(--text-primary)}.modal-close-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--radius-full);background:#f1f5f9;color:var(--text-secondary);font-size:1.1rem;transition:all var(--transition-fast)}.modal-close-btn:hover{background:#e2e8f0;color:var(--text-primary)}.modal-body{display:flex;flex-direction:column;gap:var(--space-md);font-size:.93rem;line-height:1.68;color:var(--text-secondary)}.legal-block{background:#f8fafc;border:1px solid #e2e8f0;border-left:4px solid var(--primary);padding:.85rem 1.1rem;border-radius:var(--radius-sm)}.legal-label{font-size:.76rem;text-transform:uppercase;letter-spacing:.06em;font-weight:700;color:var(--primary);margin-bottom:.35rem}.mail-link{color:var(--primary);font-weight:600;text-decoration:underline;text-underline-offset:3px;word-break:break-all}.mail-link:hover{color:var(--primary-hover)}@media(min-width:768px){.site-nav{display:flex;align-items:center;gap:.5rem}.hero-actions{flex-direction:row;max-width:none;justify-content:center}.showcase-card{display:grid;grid-template-columns:1.15fr .85fr}.showcase-art-container{aspect-ratio:auto;min-height:100%}.creator-card{display:grid;grid-template-columns:320px 1fr}.creator-photo-wrapper{aspect-ratio:auto;min-height:100%}.modal-overlay{align-items:center}.modal-card{border-radius:var(--radius-lg);box-shadow:0 25px 60px #0f172a40;transform:scale(.95) translateY(12px)}.modal-overlay.active .modal-card{transform:scale(1) translateY(0)}.footer-inner{flex-direction:row;justify-content:space-between}}