*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow-x:hidden}:root{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--text-primary: #212529;--text-secondary: #6c757d;--accent: #000000;--border: #dee2e6;--shadow: rgba(0, 0, 0, .1)}.app.dark{--bg-primary: #1a1a1a;--bg-secondary: #2d2d2d;--text-primary: #ffffff;--text-secondary: #adb5bd;--accent: #000000;--border: #495057;--shadow: rgba(0, 0, 0, .3)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;transition:background-color .3s ease,color .3s ease}.app{min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary);margin:0;padding:0}.container{max-width:95%;margin:0 auto;padding:0 20px}.hero{padding:80px 0;text-align:left;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%)}.hero h1{font-size:36px;font-family:Helvetica,sans-serif;font-weight:700;margin-bottom:-45px;color:var(--text-primary);text-align:left;margin-left:0;will-change:transform}.hero p{font-size:36px;font-family:Helvetica,sans-serif;font-weight:700;color:var(--text-primary);max-width:80%;margin:0 0 2rem 20%;line-height:1.4;text-align:left;padding:0;will-change:transform}.hero .join-development{font-size:36px;font-family:Helvetica,sans-serif;font-weight:700;color:var(--text-primary);margin:70px 0px 0rem 0;text-align:left;margin-left:0;will-change:transform}.hero .highlight{color:var(--accent);font-weight:600}.material-grid{padding:80px 0;background-color:var(--bg-primary)}@media (max-width: 480px){.material-grid{padding:0}}.grid-container{position:relative;width:100%;max-width:95vw;margin:0 auto;padding:0 20px;max-height:0;overflow:hidden;transition:max-height 1.8s ease-out}.grid-container.expanded{max-height:100vh}@media (max-width: 480px){.grid-container{max-width:100%;padding:0 5px}}.grid-wrapper{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(3,1fr);gap:0;width:100%;aspect-ratio:6 / 3}@media (max-width: 480px){.grid-wrapper{display:grid;grid-template-columns:repeat(2,1fr);gap:0;height:auto;padding:0}}.grid-item{aspect-ratio:1 / 1;cursor:default;transition:transform .3s ease,z-index .3s ease;border-radius:0;overflow:hidden;box-shadow:0 4px 12px var(--shadow);opacity:0;transform:translateY(20px)}.grid-item.animate{animation:fadeInUp 1.2s ease-out forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.grid-item:hover{transform:scale(1.05);z-index:20}.grid-item:hover .material-overlay{opacity:1}.grid-item-inner{width:100%;height:100%;position:relative;overflow:hidden}.material-image{width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative}.material-image img{width:100%;height:100%;object-fit:cover;display:block}.material-link{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;text-decoration:none}.material-overlay{position:absolute;inset:0;background:#000000b3;padding:20px;z-index:1;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.material-overlay h3{color:#fff;font-size:1.5rem;font-weight:600;text-align:center;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.5)}.waiting-list{padding:80px 0;background-color:var(--bg-secondary);text-align:center}.waiting-list h2{font-size:2.5rem;margin-bottom:1rem;color:var(--text-primary);display:none}.waiting-list p{font-size:1.125rem;color:var(--text-secondary);margin-bottom:2rem;max-width:600px;margin-left:0;margin-right:auto;display:none}.privacy-policy{padding:60px 0;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6}.privacy-policy h1{font-size:2.5rem;margin-bottom:1rem;color:var(--text-primary)}.privacy-policy h2{font-size:1.5rem;margin:2rem 0 1rem;color:var(--text-primary);border-bottom:1px solid var(--border);padding-bottom:.5rem}.privacy-policy p{margin-bottom:1rem;color:var(--text-secondary)}.privacy-policy ul{margin-bottom:1.5rem;padding-left:1.5rem}.privacy-policy li{margin-bottom:.5rem;color:var(--text-secondary)}.privacy-policy strong{color:var(--text-primary)}@media (max-width: 768px){.privacy-policy{padding:40px 0}.privacy-policy h1{font-size:2rem}.privacy-policy h2{font-size:1.25rem}}.footer{background-color:var(--bg-secondary);padding:60px 0 40px;border-top:1px solid var(--border)}.dark-footer{background-color:#1a1a1a!important;color:#fff!important}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-bottom:40px}.footer-section h3{color:var(--text-primary);margin-bottom:1rem;font-size:1.125rem}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:.5rem}.footer-section ul li a{color:var(--text-secondary);text-decoration:none;transition:color .3s ease}.footer-section ul li a:hover{color:var(--accent)}.footer-bottom{text-align:center;padding-top:40px;border-top:1px solid var(--border);color:var(--text-secondary)}.gdpr-banner{position:fixed;bottom:0;left:0;right:0;background:var(--bg-secondary);border-top:1px solid var(--border);padding:20px;z-index:1001;box-shadow:0 -4px 12px var(--shadow)}.gdpr-banner-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.gdpr-banner-text h3{margin:0 0 8px;font-size:18px;color:var(--text-primary)}.gdpr-banner-text p{margin:0;font-size:14px;color:var(--text-secondary);line-height:1.4}.gdpr-banner-actions{display:flex;gap:12px;flex-shrink:0}.gdpr-btn{padding:10px 20px;border:1px solid var(--border);border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease}.gdpr-btn-decline{background:transparent;color:var(--text-secondary)}.gdpr-btn-decline:hover{background:var(--bg-primary);color:var(--text-primary)}.gdpr-btn-accept{background:var(--accent);color:#fff;border-color:var(--accent)}.gdpr-btn-accept:hover{background:var(--text-primary);border-color:var(--text-primary)}@media (max-width: 768px){.gdpr-banner-content{flex-direction:column;align-items:stretch;gap:15px}.gdpr-banner-actions{justify-content:center}.gdpr-btn{flex:1;min-width:120px}}.login-button{position:fixed;top:20px;right:20px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:50px;padding:10px 20px;cursor:pointer;transition:all .3s ease;z-index:1000;display:flex;align-items:center;gap:8px;color:var(--text-primary);font-weight:600;display:none}.login-button:hover{background:var(--accent);color:#fff}.consent-block{max-height:0;opacity:0;overflow:hidden;transition:max-height .3s ease,opacity .3s ease}.consent-block.show{max-height:200px;opacity:1}@media (max-width: 1200px){.grid-item{width:calc(16.666% - 10px);height:200px}.grid-wrapper{height:600px}}@media (max-width: 480px){.hero h1,.hero p{font-size:28px}.grid-item{width:calc(33.333% - 10px);height:150px}.grid-wrapper{height:450px}.material-overlay h3{font-size:1.125rem}}@media (max-width: 480px){.grid-item{width:calc(50% - 10px);height:120px}.grid-wrapper{height:360px}.material-overlay h3{font-size:1rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.grid-item{animation:fadeInUp .6s ease forwards}.grid-item:nth-child(1){animation-delay:.1s}.grid-item:nth-child(2){animation-delay:.2s}.grid-item:nth-child(3){animation-delay:.3s}.grid-item:nth-child(4){animation-delay:.4s}.grid-item:nth-child(5){animation-delay:.5s}.grid-item:nth-child(6){animation-delay:.6s}.grid-item:nth-child(7){animation-delay:.7s}.grid-item:nth-child(8){animation-delay:.8s}.grid-item:nth-child(9){animation-delay:.9s}.grid-item:nth-child(10){animation-delay:1s}.grid-item:nth-child(11){animation-delay:1.1s}.grid-item:nth-child(12){animation-delay:1.2s}.grid-item:nth-child(13){animation-delay:1.3s}.grid-item:nth-child(14){animation-delay:1.4s}.grid-item:nth-child(15){animation-delay:1.5s}.grid-item:nth-child(16){animation-delay:1.6s}.grid-item:nth-child(17){animation-delay:1.7s}.grid-item:nth-child(18){animation-delay:1.8s}@media (max-width: 480px){.app{min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary);margin:0;padding:10px}.container{max-width:100%;padding:0 5px}.hero{padding:0}.hero h1{font-size:28px;margin-bottom:1rem;margin-top:20px}.hero p{font-size:18px;max-width:100%;margin:0 0 1rem;line-height:1.3;padding:0}.hero .join-development{font-size:18px;margin:30px 0 0}.grid-wrapper{height:auto;padding:5px 0}.grid-item{position:relative;width:calc(50% - 2.5px);aspect-ratio:1;margin:1.25px;display:inline-block;vertical-align:top}.login-button{top:15px;right:15px;padding:8px 16px;font-size:14px}.waiting-list{padding:40px 0}.footer{padding:25px 25px 15px;font-size:12px}}@media (max-width: 480px){.hero h1{font-size:24px}.hero p{font-size:22px}.hero .join-development{font-size:24px}.grid-item{width:100%;aspect-ratio:1 / 1;margin:0;position:relative}}.grid-mobile{display:none}.grid-mobile-item{display:block;width:100%;aspect-ratio:1 / 1;background-size:cover;background-position:center;position:relative;text-decoration:none}.grid-mobile-title{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;background:#000000b3;opacity:0;transition:opacity .25s ease;text-align:center;font-weight:600}.grid-mobile-item:hover .grid-mobile-title{opacity:1}@media (max-width: 480px){.grid-desktop{display:none}.grid-mobile{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.grid-mobile .grid-mobile-item:nth-last-child(-n+2){display:none}}