.hero-card{border-radius:15px;cursor:pointer}.hero-card,.hero-card-border{height:100%;overflow:hidden;position:relative;transition:all .3s ease}.hero-card-border{background:rgba(0,0,0,.8);border:2px solid;border-color:var(--tier-color);border-radius:15px}.hero-card:hover .hero-card-border{border-color:var(--tier-glow);box-shadow:0 0 30px var(--tier-glow),inset 0 0 30px hsla(0,0%,100%,.1)}.hero-image-container{aspect-ratio:3/4;overflow:hidden;position:relative;width:100%}.hero-image{filter:brightness(.9);height:100%;object-fit:cover;object-position:top center;transform-origin:top center;transition:all .3s ease;width:100%}.hero-card:hover .hero-image{filter:brightness(1.1) saturate(1.2);transform:scale(1.1)}.hero-overlay{align-items:flex-end;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 50%,rgba(0,0,0,.7));bottom:0;display:flex;left:0;padding:1rem;position:absolute;right:0;top:0}.hero-tier{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:rgba(0,0,0,.8);border:1px solid var(--tier-color);border-radius:20px;display:flex;gap:.5rem;padding:.5rem 1rem}.tier-emoji{font-size:1.2rem}.tier-name{color:var(--tier-color);font-size:.9rem;font-weight:700;text-shadow:0 0 10px var(--tier-glow)}.hero-info{align-items:center;display:flex;justify-content:center;min-height:3.5rem;position:relative;z-index:2}.hero-name{color:#fff;font-size:1.2rem;font-weight:700;line-height:1.3;margin:0;text-align:center;text-shadow:0 0 10px hsla(0,0%,100%,.3)}.hero-card.tier-helpless .hero-card-border,.hero-card.tier-weak .hero-card-border{animation:none}.hero-card.tier-rookie:hover .hero-card-border{animation:subtleGlow 2s ease-in-out infinite}.hero-card.tier-average:hover .hero-card-border{animation:steadyGlow 1.5s ease-in-out infinite}.hero-card.tier-strong:hover .hero-card-border{animation:strongGlow 1s ease-in-out infinite}.hero-card.tier-elite:hover .hero-card-border{animation:eliteGlow .8s ease-in-out infinite}.hero-card.tier-mythic:hover .hero-card-border{animation:mythicGlow .6s ease-in-out infinite}@keyframes subtleGlow{0%,to{box-shadow:0 0 5px var(--tier-glow)}50%{box-shadow:0 0 15px var(--tier-glow)}}@keyframes steadyGlow{0%,to{box-shadow:0 0 10px var(--tier-glow)}50%{box-shadow:0 0 20px var(--tier-glow)}}@keyframes strongGlow{0%,to{box-shadow:0 0 15px var(--tier-glow),inset 0 0 10px hsla(0,0%,100%,.1)}50%{box-shadow:0 0 25px var(--tier-glow),inset 0 0 15px hsla(0,0%,100%,.2)}}@keyframes eliteGlow{0%,to{box-shadow:0 0 15px var(--tier-glow)}50%{box-shadow:0 0 25px var(--tier-glow)}}@keyframes mythicGlow{0%,to{box-shadow:0 0 20px var(--tier-glow)}50%{box-shadow:0 0 30px var(--tier-glow)}}@media (max-width:768px){.hero-info{min-height:3rem;padding:.6rem .8rem}.hero-name{font-size:1.1rem}}@media (max-width:480px){.hero-info{min-height:2.8rem;padding:.5rem .6rem}.hero-name{font-size:1rem}}.hero-modal-backdrop{animation:fadeIn .3s ease;background:linear-gradient(135deg,rgba(10,15,25,.98),rgba(25,20,35,.98));height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:1000}.hero-modal{background:none;border:none;border-radius:0;box-shadow:none;display:flex;flex-direction:column;height:100%;position:relative;width:100%}.modal-close{align-items:center;background:rgba(0,0,0,.7);border:2px solid hsla(0,0%,100%,.3);border-radius:50%;box-shadow:0 0 20px rgba(0,0,0,.5);color:#fff;cursor:pointer;display:flex;font-size:1.8rem;height:50px;justify-content:center;position:fixed;right:2rem;top:2rem;transition:all .3s ease;width:50px;z-index:10}.modal-close:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.5);transform:scale(1.1)}.modal-content{display:flex;gap:0;height:100%;overflow:hidden;padding:0}.hero-image-section{align-items:center;background:linear-gradient(135deg,rgba(0,0,0,.3),rgba(0,0,0,.1));display:flex;flex:0 0 50%;justify-content:center;padding:2rem;position:relative}.hero-modal-image{border:3px solid var(--tier-color);border-radius:15px;box-shadow:0 0 50px var(--tier-glow);cursor:pointer;filter:brightness(1.1) saturate(1.2);height:auto;max-height:80vh;max-width:90%;transition:all .4s ease;width:auto}.hero-modal-image:hover{box-shadow:0 0 60px var(--tier-glow);transform:scale(1.02)}.hero-modal-image.full-size{max-height:85vh;max-width:95%}.hero-tier-in-chars{border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;justify-content:center;margin-bottom:1rem;padding-bottom:1rem}.hero-tier-badge{align-items:center;background:hsla(0,0%,100%,.08);border:2px solid var(--tier-color);border-radius:20px;box-shadow:0 0 15px var(--tier-glow);display:flex;gap:.6rem;padding:.6rem 1.2rem;transition:all .3s ease}.hero-tier-badge:hover{background:hsla(0,0%,100%,.12);box-shadow:0 3px 20px var(--tier-glow);transform:translateY(-1px)}.hero-tier-badge .tier-emoji{font-size:1.3rem}.hero-tier-badge .tier-name{color:var(--tier-color);font-size:1rem;font-weight:700;text-shadow:0 0 10px var(--tier-glow)}.hero-info-section{background:linear-gradient(135deg,hsla(0,0%,100%,.02),hsla(0,0%,100%,.01));border-left:1px solid hsla(0,0%,100%,.1);flex:1 1;overflow-y:auto;padding:2rem}.hero-header{border-bottom:2px solid hsla(0,0%,100%,.1);margin-bottom:2rem;padding-bottom:1.5rem;text-align:left}.hero-header .hero-name{-webkit-text-fill-color:transparent;background:linear-gradient(45deg,var(--tier-color),var(--tier-glow));-webkit-background-clip:text;background-clip:text;color:#fff;font-size:2.5rem;font-weight:700;line-height:1.2;margin:0;text-shadow:0 0 20px hsla(0,0%,100%,.5)}.story-section{margin-bottom:1.5rem}.story-text{background:hsla(0,0%,100%,.05);border-left:3px solid var(--tier-color);border-radius:12px;color:#fff;font-size:1rem;line-height:1.6;margin:0;padding:1.5rem;text-align:justify}.characteristics-section{margin-top:1rem}.characteristics-toggle{align-items:center;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:12px;color:var(--tier-color);cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;justify-content:space-between;padding:1rem 1.5rem;text-shadow:0 0 10px var(--tier-glow);transition:all .3s ease;width:100%}.characteristics-toggle:hover{background:hsla(0,0%,100%,.15);transform:translateY(-1px)}.arrow{color:var(--tier-color);transition:transform .3s ease}.arrow.open{transform:rotate(180deg)}.characteristics-content{animation:slideDown .3s ease;margin-top:1rem}.traits-compact{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;padding:1rem}.trait-row{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;font-size:.9rem;justify-content:space-between;padding:.75rem 0}.trait-row:last-child{border-bottom:none}.trait-row span:first-child{color:#a0a0a0;font-weight:500;min-width:80px}.trait-row .trait-value{align-items:center;display:flex;flex:1 1;gap:.5rem;justify-content:flex-end}.trait-row .trait-text{color:#fff;font-size:.85rem;font-weight:700}.trait-row .trait-bar{background:hsla(0,0%,100%,.2);border-radius:2px;height:4px;overflow:hidden;width:60px}.trait-row .trait-fill{background:linear-gradient(90deg,var(--tier-color),var(--tier-glow));border-radius:2px;height:100%;transition:width .3s ease}.trait-row .trait-percentage{color:var(--tier-color);font-size:.75rem;font-weight:700;min-width:35px;text-align:right}.trait-row.special{background:hsla(0,0%,100%,.03);border:1px solid var(--tier-color);border-radius:8px;margin-top:.5rem;padding:1rem}.trait-row.special span:first-child{color:var(--tier-color);font-weight:700}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-50px)}to{opacity:1;transform:scale(1) translateY(0)}}.hero-info-section{-ms-overflow-style:none;scrollbar-width:none}.hero-info-section::-webkit-scrollbar{display:none}@media (max-width:768px){.modal-content{flex-direction:column}.hero-image-section{flex:0 0 40%;padding:1.5rem}.hero-info-section{border-left:none;border-top:1px solid hsla(0,0%,100%,.1);flex:1 1;padding:1.5rem}.modal-close{font-size:1.6rem;height:45px;right:1.5rem;top:1.5rem;width:45px}.hero-tier-badge{padding:.5rem 1rem}.hero-header .hero-name{font-size:2rem}.story-text{font-size:.95rem;padding:1.2rem}.characteristics-toggle{font-size:1rem;padding:.8rem 1.2rem}}@media (max-width:600px){.hero-image-section{flex:0 0 35%;padding:1rem}.hero-info-section{padding:1rem}.modal-close{font-size:1.4rem;height:40px;right:1rem;top:1rem;width:40px}.hero-tier-badge{padding:.5rem 1rem}.hero-header .hero-name{font-size:1.8rem}}@media (max-width:480px){.hero-image-section,.hero-info-section{padding:.8rem}.modal-close{font-size:1.2rem;height:36px;right:.8rem;top:.8rem;width:36px}.hero-tier-badge{padding:.3rem .7rem}.hero-tier-badge .tier-emoji{font-size:1.1rem}.hero-tier-badge .tier-name{font-size:.85rem}.hero-header{margin-bottom:1.5rem;padding-bottom:1rem}.hero-header .hero-name{font-size:1.6rem}.story-text{font-size:.9rem;padding:1rem}.characteristics-toggle{font-size:.95rem;padding:.7rem 1rem}.trait-row{font-size:.85rem;padding:.6rem 0}}.hero-gallery{background:linear-gradient(135deg,#0c0c0c,#1a1a2e 25%,#16213e 75%,#0f3460);min-height:100vh;overflow-x:hidden;padding:1rem;position:relative}.hero-gallery:before{display:none}.hero-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1200px;padding-top:1rem}.hero-grid,.loading-more{position:relative;z-index:1}.loading-more{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem 2rem}.loading-spinner-small{animation:spin 1s linear infinite;border:3px solid hsla(0,0%,100%,.2);border-left-color:gold;border-radius:50%;height:40px;margin-bottom:1rem;width:40px}.loading-more span{color:#a0a0a0;font-size:1.1rem;font-weight:500}.end-message{align-items:center;display:flex;justify-content:center;padding:3rem 2rem;position:relative;z-index:1}.end-message span{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:25px;color:gold;font-size:1.2rem;font-weight:700;padding:1rem 2rem;text-shadow:0 0 10px rgba(255,215,0,.5)}@media (max-width:1200px){.hero-grid{gap:1.25rem;max-width:900px}}@media (max-width:900px){.hero-grid{gap:1rem;grid-template-columns:repeat(2,1fr);max-width:600px}.hero-gallery{padding:.75rem}}@media (max-width:600px){.hero-grid{gap:1rem;grid-template-columns:1fr;max-width:350px}.hero-gallery{padding:.5rem}.end-message,.loading-more{padding:2rem 1rem}.end-message span{font-size:1rem;padding:.75rem 1.5rem}}.casino-slot{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);color:#fff;font-family:Arial,sans-serif;min-height:100vh;padding:20px}.slot-header{margin-bottom:30px;text-align:center}.slot-header h1{-webkit-text-fill-color:transparent;background:linear-gradient(45deg,gold,orange,red);-webkit-background-clip:text;background-clip:text;font-size:3rem;margin-bottom:10px;text-shadow:0 0 20px gold}.slot-stats{color:gold;display:flex;flex-wrap:wrap;font-size:1.1rem;gap:30px;justify-content:center}.cache-status{border-radius:12px;font-size:.9rem;padding:4px 8px;transition:all .3s ease}.cache-status.loading{animation:pulse 1.5s ease-in-out infinite;background:rgba(255,165,0,.2);border:1px solid rgba(255,165,0,.3);color:orange}.cache-status.loaded{background:rgba(0,255,0,.2);border:1px solid rgba(0,255,0,.3);color:#0f0}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}.slot-machine{background:linear-gradient(145deg,#2a2a3e,#1a1a2e);border:3px solid gold;border-radius:20px;box-shadow:0 20px 40px rgba(0,0,0,.5),inset 0 1px 0 hsla(0,0%,100%,.1);margin:0 auto;max-width:800px;padding:30px;position:relative}.slot-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr);margin-bottom:30px;position:relative;z-index:2}.slot-reel-container{background:linear-gradient(145deg,#3a3a4e,#2a2a3e);border:3px solid #555;border-radius:15px;height:312px;overflow:hidden;position:relative}.slot-window{height:312px;overflow:hidden}.slot-reel,.slot-window{left:0;position:absolute;top:0;width:100%}.slot-reel{transform:translateY(0);will-change:transform}.visible-slots{display:flex;flex-direction:column;gap:4px;height:calc(100% - 6px);left:3px;padding:2px;pointer-events:none;position:absolute;top:3px;width:calc(100% - 6px);z-index:3}.visible-slots>div{background:transparent;border:2px solid transparent;border-radius:8px;flex:1 1}.slot-cell{align-items:flex-start;background:#2a2a3e;border:3px solid #666;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.4),inset 0 1px 0 hsla(0,0%,100%,.1);box-sizing:border-box;display:flex;height:104px;justify-content:center;margin:0;overflow:hidden;position:relative;transition:all .3s ease}.slot-cell[data-tier=MYTHIC]{border-color:#ff6b6b;box-shadow:0 0 15px hsla(0,100%,71%,.5),0 2px 8px rgba(0,0,0,.4),inset 0 1px 0 hsla(0,0%,100%,.1)}.slot-cell[data-tier=ELITE]{border-color:#a55eea;box-shadow:0 0 15px rgba(165,94,234,.5),0 2px 8px rgba(0,0,0,.4),inset 0 1px 0 hsla(0,0%,100%,.1)}.slot-cell[data-tier=STRONG]{border-color:#26de81;box-shadow:0 0 15px rgba(38,222,129,.5),0 2px 8px rgba(0,0,0,.4),inset 0 1px 0 hsla(0,0%,100%,.1)}.slot-cell[data-tier=AVERAGE]{border-color:#fed330;box-shadow:0 0 15px rgba(254,211,48,.5),0 2px 8px rgba(0,0,0,.4),inset 0 1px 0 hsla(0,0%,100%,.1)}.slot-cell[data-tier=ROOKIE]{border-color:#45aaf2;box-shadow:0 0 15px rgba(69,170,242,.5),0 2px 8px rgba(0,0,0,.4),inset 0 1px 0 hsla(0,0%,100%,.1)}.slot-cell[data-tier=WEAK]{border-color:#a5b1c2;box-shadow:0 0 15px rgba(165,177,194,.3),0 2px 8px rgba(0,0,0,.4),inset 0 1px 0 hsla(0,0%,100%,.1)}.slot-cell[data-tier=HELPLESS]{border-color:#57606f;box-shadow:0 0 15px rgba(87,96,111,.3),0 2px 8px rgba(0,0,0,.4),inset 0 1px 0 hsla(0,0%,100%,.1)}@keyframes spinBlink{0%,to{opacity:1}50%{opacity:.3}}.slot-cell.spinning{animation:spinBlink .3s ease-in-out infinite}.visible-slots>div.win-diagonal-anti,.visible-slots>div.win-diagonal-main,.visible-slots>div.win-horizontal,.visible-slots>div.win-vertical{animation:winPulse 1s ease-in-out infinite alternate;border-color:#ff6b6b;box-shadow:0 0 20px hsla(0,100%,71%,.7),inset 0 0 20px hsla(0,100%,71%,.2)}@keyframes winPulse{0%{box-shadow:0 0 20px hsla(0,100%,71%,.7),inset 0 0 20px hsla(0,100%,71%,.2)}to{box-shadow:0 0 40px #ff6b6b,inset 0 0 30px hsla(0,100%,71%,.4)}}.hero-full-image{height:100%;object-fit:cover;object-position:top center;transition:transform .2s ease;width:100%}.hero-full-image:hover{transform:scale(1.05)}.hero-emoji-fallback{align-items:center;background:radial-gradient(circle,hsla(0,0%,100%,.1) 0,rgba(0,0,0,.2) 100%);display:flex;font-size:3rem;height:100%;justify-content:center;width:100%}.slot-lines{bottom:100px;left:30px;pointer-events:none;position:absolute;right:30px;top:30px;z-index:1}.line{background:transparent;opacity:0;position:absolute;transition:all .3s ease}.line.active{animation:lineGlow 2s ease-in-out infinite alternate;background:linear-gradient(90deg,hsla(0,100%,71%,0),hsla(0,100%,71%,.8) 20%,hsla(0,100%,71%,.8) 80%,hsla(0,100%,71%,0));opacity:1}@keyframes lineGlow{0%{opacity:.6}to{opacity:1}}.horizontal-0{height:3px;left:0;right:0;top:16.5%}.horizontal-1{height:3px;left:0;right:0;top:50%}.horizontal-2{bottom:16.5%;height:3px;left:0;right:0}.vertical-0{left:16.5%}.vertical-0,.vertical-1{bottom:70px;top:0;width:3px}.vertical-1{left:50%}.vertical-2{bottom:70px;right:16.5%;top:0;width:3px}.diagonal-main{background:linear-gradient(135deg,hsla(0,100%,71%,0),hsla(0,100%,71%,.8) 20%,hsla(0,100%,71%,.8) 80%,hsla(0,100%,71%,0));transform:rotate(45deg);transform-origin:center}.diagonal-anti,.diagonal-main{height:120%;left:50%;top:-10%;width:3px}.diagonal-anti{background:linear-gradient(45deg,hsla(0,100%,71%,0),hsla(0,100%,71%,.8) 20%,hsla(0,100%,71%,.8) 80%,hsla(0,100%,71%,0));transform:rotate(-45deg);transform-origin:center}.win-message{animation:celebrateWin 1s ease-in-out infinite alternate;border-radius:15px;font-size:1.5rem;font-weight:700;margin:20px 0;padding:20px;text-align:center}.win-message.jackpot{background:linear-gradient(45deg,#ff6b6b,#ee5a24,#ff6b6b);box-shadow:0 10px 30px hsla(0,100%,71%,.5);color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.win-message.partial{background:linear-gradient(45deg,#fed330,#f7b731,#fed330);box-shadow:0 10px 30px rgba(254,211,48,.5);color:#000;text-shadow:1px 1px 2px hsla(0,0%,100%,.5)}@keyframes celebrateWin{0%{transform:scale(1)}to{transform:scale(1.05)}}.slot-controls{margin:30px 0;text-align:center}.spin-button{background:linear-gradient(45deg,#ff6b6b,#ee5a24);border:none;border-radius:50px;box-shadow:0 10px 30px hsla(0,100%,71%,.3);color:#fff;cursor:pointer;font-size:1.5rem;font-weight:700;letter-spacing:2px;padding:15px 40px;text-transform:uppercase;transition:all .3s ease}.spin-button:hover:not(.disabled){box-shadow:0 15px 40px hsla(0,100%,71%,.4);transform:translateY(-2px)}.spin-button:active:not(.disabled){transform:translateY(0)}.spin-button.disabled{animation:spinButtonPulse 1s ease-in-out infinite alternate;background:linear-gradient(45deg,#a5b1c2,#778ca3);cursor:not-allowed}@keyframes spinButtonPulse{0%{opacity:.7}to{opacity:1}}.slot-info{background:rgba(0,0,0,.3);border:1px solid rgba(255,215,0,.3);border-radius:15px;margin-top:30px;padding:20px}.slot-info h3{color:gold;margin-bottom:15px;text-align:center}.slot-info ul{list-style:none;padding:0}.slot-info li{border-bottom:1px solid hsla(0,0%,100%,.1);padding:8px 0}.slot-info li:last-child{border-bottom:none}.slot-info strong{color:gold}@media (max-width:768px){.casino-slot{padding:10px}.slot-header h1{font-size:2rem}.slot-machine{padding:20px}.slot-grid{gap:10px}.slot-reel-container,.slot-window{height:252px}.slot-cell{border-width:2px;height:84px;margin:0}.slot-stats{align-items:center;flex-direction:column;gap:10px}.hero-emoji-fallback{font-size:2.5rem}.hero-emoji{font-size:2rem}.hero-tier-badge{font-size:.5rem;height:16px;width:16px}.visible-slots{gap:2px}.hero-power{font-size:.6rem}.spin-button{font-size:1.2rem;padding:12px 30px}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-ms-overflow-style:none;background:linear-gradient(135deg,#0c0c0c,#1a1a2e 25%,#16213e 75%,#0f3460);color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh;overflow-x:hidden;scrollbar-width:none}body::-webkit-scrollbar{display:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{min-height:100vh;position:relative}.app-navigation{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,rgba(26,26,46,.95),rgba(22,33,62,.95));border-bottom:1px solid rgba(255,215,0,.2);box-shadow:0 4px 20px rgba(0,0,0,.3);position:sticky;top:0;z-index:1000}.nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:1rem 2rem}.nav-logo{-webkit-text-fill-color:transparent;animation:gradientShift 3s ease-in-out infinite;background:linear-gradient(45deg,gold,#ff6b6b,#4ecdc4);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;font-size:1.8rem;font-weight:700}.nav-links{display:flex;gap:2rem}.nav-link{border-radius:25px;color:#fff;font-size:1.1rem;font-weight:500;overflow:hidden;padding:.75rem 1.5rem;position:relative;text-decoration:none;transition:all .3s ease}.nav-link:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.nav-link:hover:before{left:100%}.nav-link:hover{background:rgba(255,215,0,.1);border:1px solid rgba(255,215,0,.3);box-shadow:0 5px 15px rgba(255,215,0,.2);transform:translateY(-2px)}.nav-link.active{background:linear-gradient(45deg,rgba(255,215,0,.2),hsla(0,100%,71%,.2));border:1px solid rgba(255,215,0,.5);color:gold;font-weight:600}.nav-link.active:after{animation:activeUnderline 2s ease-in-out infinite;background:linear-gradient(90deg,gold,#ff6b6b);bottom:-1px;content:"";height:2px;left:0;position:absolute;width:100%}@keyframes activeUnderline{0%,to{opacity:.7}50%{opacity:1}}@media (max-width:768px){.nav-container{flex-direction:column;gap:1rem;padding:.75rem 1rem}.nav-logo{font-size:1.5rem}.nav-links{gap:1rem}.nav-link{font-size:1rem;padding:.5rem 1rem}}@media (max-width:480px){.nav-container{padding:.5rem}.nav-logo{font-size:1.3rem}.nav-links{flex-direction:column;gap:.5rem;width:100%}.nav-link{text-align:center;width:100%}}.loading-screen{align-items:center;background:linear-gradient(135deg,#0c0c0c,#1a1a2e 25%,#16213e 75%,#0f3460);display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:2rem;position:relative;text-align:center}.loading-screen:before{display:none}.loading-spinner{animation:spin 1s linear infinite;border:4px solid hsla(0,0%,100%,.2);border-left-color:gold;border-radius:50%;height:80px;margin-bottom:2rem;position:relative;width:80px;z-index:1}.loading-screen h2{-webkit-text-fill-color:transparent;animation:gradientShift 3s ease-in-out infinite;background:linear-gradient(45deg,gold,#ff6b6b,#4ecdc4,#45b7d1);-webkit-background-clip:text;background-clip:text;background-size:400% 400%;font-size:2.5rem;margin-bottom:1rem;position:relative;z-index:1}.loading-screen p{animation:fadeInOut 2s ease-in-out infinite;color:#a0a0a0;font-size:1.2rem;position:relative;z-index:1}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes backgroundPulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes fadeInOut{0%,to{opacity:.6}50%{opacity:1}}*{-ms-overflow-style:none;scrollbar-width:none}::-webkit-scrollbar{display:none}.text-gradient{-webkit-text-fill-color:transparent;animation:gradientShift 4s ease-in-out infinite;background:linear-gradient(45deg,gold,#ff6b6b,#4ecdc4,#45b7d1);-webkit-background-clip:text;background-clip:text;background-size:400% 400%}.glass-effect{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:15px}img[src*=placeholder],img[src="/placeholder-hero.png"]{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:2rem;justify-content:center}img[src*=placeholder]:before,img[src="/placeholder-hero.png"]:before{content:"🧬";display:block}@media (max-width:768px){.loading-screen h2{font-size:2rem}.loading-screen p{font-size:1rem}.loading-spinner{height:60px;width:60px}}@media (max-width:480px){.loading-screen{padding:1rem}.loading-screen h2{font-size:1.5rem}.loading-spinner{height:50px;width:50px}}.fade-in{animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=main.e1236421.css.map*/