body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{display:flex;justify-content:center;background:#faf9f5;color:#000}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app_suspense{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-size:20px}.lnd-cont{display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow:hidden;position:relative}.lnd-container{position:relative;z-index:10;max-width:450px;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px}.lnd-header{text-align:center;margin-bottom:40px}.profile-section{margin-bottom:20px}.landing_kupi_profile_div{width:60px;height:60px;border-radius:50%;overflow:hidden;display:flex;justify-content:center;align-items:center;margin:0 auto;box-shadow:0 0 20px #ffd7004d;transition:all .3s ease}.landing_kupi_profile_div:hover{transform:scale(1.1);box-shadow:0 0 30px #ffd70080}.landing_kupi_profile{width:100%;height:100%;object-fit:cover}.lnd-title{font-size:32px;font-weight:700;background:#000;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px;line-height:1.2}.lnd-subtitle{font-size:16px;color:#a0a3b1;font-weight:300}.lnd-lego-container{position:relative;margin:40px 0}.lego-block{width:200px;height:120px;background:linear-gradient(145deg,gold,orange);border-radius:20px;position:relative;box-shadow:0 20px 40px #ffd70033,inset 0 2px 4px #ffffff4d,inset 0 -2px 4px #0003;transform-style:preserve-3d;animation:pulse 3s ease-in-out infinite}.stud{position:absolute;width:25px;height:25px;background:linear-gradient(145deg,#fff200,gold);border-radius:50%;box-shadow:0 4px 8px #0000004d,inset 0 2px 4px #fff6}.stud:nth-child(1){top:25px;left:40px}.stud:nth-child(2){top:25px;left:90px}.stud:nth-child(3){top:25px;left:140px}.stud:nth-child(4){top:70px;left:40px}.stud:nth-child(5){top:70px;left:90px}.stud:nth-child(6){top:70px;left:140px}.dna-container{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;justify-content:center;align-items:center}.dna-helix-neon{position:relative;width:200px;height:200px;animation:dnaFloat 6s ease-in-out infinite}.dna-svg{width:100%;height:100%;animation:dnaRotateSmooth 8s linear infinite}.helix-strand{stroke-linecap:round;stroke-linejoin:round;animation:strandPulse 3s ease-in-out infinite}.helix-left{animation-delay:0s}.helix-right{animation-delay:1.5s}.base-pair-group{animation:basePairFloat 2s ease-in-out infinite;animation-delay:var(--delay)}.base-connection{stroke-linecap:round;animation:connectionGlow 2s ease-in-out infinite}.base-sphere{animation:sphereGlow 1.5s ease-in-out infinite}.dna-glow-particle{position:absolute;width:4px;height:4px;border-radius:50%;background:radial-gradient(circle,#ffd700,transparent);top:var(--y);left:var(--x);animation:particleOrbit var(--duration) ease-in-out infinite;animation-delay:var(--delay);opacity:0}@keyframes dnaFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.02)}}@keyframes dnaRotateSmooth{0%{transform:rotateY(0) rotate(0)}to{transform:rotateY(360deg) rotate(10deg)}}@keyframes strandPulse{0%,to{stroke-width:4;opacity:.9}50%{stroke-width:5;opacity:1}}@keyframes basePairFloat{0%,to{transform:translateY(0);opacity:.8}50%{transform:translateY(-5px);opacity:1}}@keyframes connectionGlow{0%,to{stroke-width:2;opacity:.6}50%{stroke-width:3;opacity:1}}@keyframes sphereGlow{0%,to{r:3;opacity:.8}50%{r:4;opacity:1}}@keyframes particleOrbit{0%{opacity:0;transform:translate(0) scale(0)}20%{opacity:1;transform:translate(10px,-10px) scale(1)}80%{opacity:.7;transform:translate(30px,-20px) scale(.8)}to{opacity:0;transform:translate(50px,-30px) scale(0)}}.floating-icon{position:absolute;font-size:24px;animation:floatIcon 3s ease-in-out infinite;opacity:.8}.icon-1{top:-20px;left:-40px;animation-delay:0s}.icon-2{top:-30px;right:-40px;animation-delay:1s}.icon-3{bottom:-20px;left:-30px;animation-delay:2s}.icon-4{bottom:-30px;right:-30px;animation-delay:3s}.lnd-start-button{background:#fff;border:rgb(224,224,224) 1px solid;border-radius:30px;color:#2a2d3a;font-size:18px;font-weight:700;padding:18px 40px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;margin-top:30px}@media (hover: hover) and (pointer: fine){.lnd-start-button:hover{transform:translateY(-3px);background:#f0eee6}.lnd-start-button:active{background:#f0eee6;font-weight:900;transform:scale(.7)}}@media (hover: none){.lnd-start-button:active{background:#f0eee6;font-weight:900;transform:scale(.7)}}.lnd_start_participate{font-size:10px}.lnd-footer{text-align:center;margin-top:30px}.lnd-footer-text{font-size:12px;color:#666}.particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:12}.particle{position:absolute;width:4px;height:4px;background:gold;border-radius:50%;animation:particle-float 8s linear infinite;opacity:0}@keyframes particle-float{0%{opacity:0;transform:translateY(100vh) scale(0)}10%{opacity:1;transform:translateY(90vh) scale(1)}90%{opacity:1;transform:translateY(-10vh) scale(1)}to{opacity:0;transform:translateY(-20vh) scale(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes floatIcon{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(180deg)}}@media (max-width: 480px){.lnd-container{padding:15px;margin:10px}.lnd-title{font-size:28px}.lego-block{width:180px;height:110px}.stud{width:22px;height:22px}.stud:nth-child(1){top:20px;left:35px}.stud:nth-child(2){top:20px;left:80px}.stud:nth-child(3){top:20px;left:125px}.stud:nth-child(4){top:65px;left:35px}.stud:nth-child(5){top:65px;left:80px}.stud:nth-child(6){top:65px;left:125px}.features{grid-template-columns:1fr;gap:15px}.lnd-start-button{font-size:16px;padding:15px 35px}.landing_kupi_profile_div{width:50px;height:50px}}@media (hover: none){.feature:active{background:#ffd7001a;border-color:gold;transform:translateY(-2px)}.landing_kupi_profile_div:active{transform:scale(1.05)}}