@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;background:#000;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}#root{width:100%;min-height:100vh}@font-face{font-family:Norkin Supreme;src:url(/fonts/Norkin%20Supreme/NorkinSupreme.otf)format("opentype");font-weight:500;font-style:normal}@font-face{font-family:Norkin Supreme Light;src:url(/fonts/Norkin%20Supreme/NorkinSupremeLight.otf)format("opentype");font-weight:200;font-style:normal}.creativeland-navbar{z-index:999;font-optical-sizing:auto;letter-spacing:.1em;text-transform:uppercase;background-color:#000;width:100%;padding:1rem 2rem;font-family:DM Sans,sans-serif;font-style:normal;position:sticky;top:0;left:0;box-shadow:0 2px 4px #0000004d}.navbar-container{justify-content:space-between;align-items:center;display:flex}.navbar-logo a{text-decoration:none;transition:opacity .3s;display:block}.navbar-logo a:hover{opacity:.8}.navbar-logo-img{width:135px;height:auto}.navbar-links{display:none}.navbar-right{align-items:center;gap:1.5rem;display:flex}.navbar-link{color:#fff;padding:.5rem 1rem;font-size:.8rem;font-weight:900;text-decoration:none;transition:color .3s}.navbar-link:hover{color:#74d1f3}.navbar-dropdown{position:relative}.navbar-dropdown-button{color:#fff;cursor:pointer;background:0 0;border:none;padding:.5rem 1rem;font-family:inherit;font-size:.8rem;font-weight:900;text-decoration:none;transition:color .3s;display:inline-block}.navbar-dropdown-button:hover{color:#74d1f3}.navbar-dropdown-menu{z-index:1000;background:#1a1a1a;border:1px solid #333;border-radius:6px;min-width:200px;margin-top:0;padding-top:.5rem;font-size:.8rem;font-weight:900;position:absolute;top:100%;right:0;box-shadow:0 4px 12px #0006}.navbar-dropdown-item{color:#fff;text-align:right;padding:.75rem 1rem;font-weight:900;text-decoration:none;transition:background .3s;display:block}.navbar-dropdown-item:hover{color:#74d1f3;background:#262626}.navbar-user-indicator{color:#b0b0b0;font-size:.9rem}.navbar-manage-button{color:#000;cursor:pointer;background:#74d1f3;border:none;border-radius:6px;padding:.5rem 1.25rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:opacity .3s}.navbar-manage-button:hover{opacity:.9}.navbar-login-button{color:#74d1f3;cursor:pointer;background:0 0;border:1px solid #74d1f3;border-radius:6px;padding:.5rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .3s}.navbar-login-button:hover{color:#000;background:#74d1f3}.navbar-hamburger{cursor:pointer;z-index:1001;background:0 0;border:none;flex-direction:column;justify-content:space-around;width:30px;height:25px;padding:0;display:none}.navbar-hamburger span{transform-origin:50%;background:#fff;border-radius:2px;width:30px;height:3px;transition:all .3s}.navbar-hamburger span.active:first-child{transform:translateY(11px)rotate(45deg)}.navbar-hamburger span.active:nth-child(2){opacity:0}.navbar-hamburger span.active:nth-child(3){transform:translateY(-11px)rotate(-45deg)}@media (width<=1100px){.creativeland-navbar{padding:1rem 1.5rem}.navbar-container{flex-direction:row;justify-content:space-between}.navbar-hamburger{display:flex}.navbar-right{background:#000;flex-direction:column;align-items:flex-start;gap:0;width:280px;height:100vh;padding:5rem 2rem 2rem;transition:transform .3s;position:fixed;top:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-4px 0 12px #00000080}.navbar-right.mobile-open{transform:translate(0)}.navbar-link{border-bottom:1px solid #222;width:100%;padding:1rem 0;font-size:.9rem}.navbar-dropdown{border-bottom:1px solid #222;width:100%}.navbar-dropdown-button{text-align:left;width:100%;padding:1rem 0;font-size:.9rem}.navbar-dropdown-menu{box-shadow:none;background:#111;border:none;border-radius:0;width:100%;margin-top:.5rem;margin-bottom:.5rem;padding:0;position:static}.navbar-dropdown-item{text-align:left;border-bottom:1px solid #1a1a1a;padding:.75rem 1rem}.navbar-dropdown-item:last-child{border-bottom:none}}.creativeland-footer{color:#fff;background-color:#000;border-top:1px solid #262626;width:100%;margin-top:auto;padding:3rem 0 1rem}.footer-container{max-width:1200px;margin:0 auto;padding:0 2rem}.footer-content{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem;display:grid}.footer-logo-section{flex-direction:column;gap:1rem;display:flex}.footer-logo{width:135px;height:auto}.footer-section h3{color:#74d1f3;margin-bottom:1rem;font-size:1.5rem}.footer-section h4{color:#fff;margin-bottom:.75rem;font-size:1.1rem}.footer-section p{color:#b0b0b0;line-height:1.6}.footer-section ul{margin:0;padding:0;list-style:none}.footer-section ul li{margin-bottom:.5rem}.footer-section ul li a{color:#b0b0b0;text-decoration:none;transition:color .3s}.footer-section ul li a:hover{color:#74d1f3}.footer-bottom{text-align:center;border-top:1px solid #262626;padding-top:1rem}.footer-bottom p{color:#888;margin:0;font-size:.9rem}@media (width<=768px){.footer-content{text-align:center;grid-template-columns:1fr}}html{scroll-behavior:smooth}a{color:#fff}.app-container{background-image:url(/assets/background-blank-CqCBW27u.png);background-size:cover;flex-direction:column;place-content:center;align-items:center;width:100%;min-height:100vh;display:flex}.main-content{flex-direction:column;align-items:center;width:100%;display:flex}.hero-section{text-align:center;flex-direction:column;align-items:center;max-width:60%;height:100vh;padding-top:15vh;display:flex}.hero-section h1{color:#fff;margin-bottom:1rem;font-size:3.5rem;font-weight:700}.hero-section button{color:#fff;background-color:#ea3446;border:none;padding:2rem;font-size:2rem;font-weight:900}.subtitle{color:#fff;margin-bottom:2rem;font-size:1.5rem}.content-section{text-align:center;background:#0006;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;padding-top:5rem;padding-bottom:5rem;display:flex}.content-section h3{margin-top:1.5rem;margin-bottom:1.5rem}.content-box{text-align:center}.content-box h2{color:#74d1f3;margin-bottom:1.5rem;font-size:2rem}.content-box p{color:#ccc;margin-bottom:1rem;font-size:1.1rem;line-height:1.7}@media (width<=768px){.hero-section h1{font-size:2.5rem}.subtitle{font-size:1.2rem}.content-box{padding:2rem}}
