:root{--bg-color:#030a16;--accent-cyan:#00f3ff;--accent-teal:#64ffda;--text-primary:#fff;--text-secondary:#a0aec0;--card-bg:#0a192f99;--card-border:#64ffda33;--glass-bg:#030a16d9}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-primary);-webkit-font-smoothing:antialiased;background-color:#020617;font-family:Outfit,sans-serif;overflow-x:hidden}#plexus-2d{z-index:0;pointer-events:none;opacity:1;width:calc(100vw + 100px);height:calc(100vh + 100px);transition:opacity .15s ease-in-out;position:fixed;top:-50px;left:-50px}#plexus-2d.hidden{opacity:0}#bg-watermark{z-index:100;pointer-events:none;opacity:0;white-space:nowrap;font-size:4vw;font-weight:800;transition:opacity .5s ease-in-out;position:absolute;top:4%;left:4%;transform:none}#bg-watermark.visible{opacity:1}#top-nav{z-index:100;opacity:0;pointer-events:none;transition:opacity .5s ease-in-out;position:absolute;top:4%;right:4%}#top-nav.visible{opacity:1;pointer-events:auto}#top-nav .nav-menu{gap:2rem;margin:0;padding:0;list-style:none;display:flex}#top-nav .nav-item{position:relative}#top-nav .nav-header{color:var(--text-secondary);text-transform:uppercase;letter-spacing:2px;cursor:pointer;padding-bottom:.5rem;font-family:Rajdhani,sans-serif;font-size:1.2rem;font-weight:600;transition:color .3s,text-shadow .3s;display:inline-block}#top-nav .nav-header:hover,#top-nav .nav-item.open .nav-header{color:var(--accent-cyan);text-shadow:0 0 10px #00f3ff99}#top-nav .sub-menu{-webkit-backdrop-filter:blur(12px);opacity:0;pointer-events:none;transform-origin:0 0;background:#0a0a0fb3;border:1px solid #00f3ff33;border-radius:8px;min-width:200px;margin:0;padding:1rem;list-style:none;transition:opacity .4s cubic-bezier(.19,1,.22,1),transform .4s cubic-bezier(.19,1,.22,1);position:absolute;top:100%;left:0;transform:translateY(-10px)scale(.95);box-shadow:0 10px 30px #00000080,inset 0 0 15px #00f3ff0d}#top-nav .nav-item.open .sub-menu{opacity:1;pointer-events:auto;transform:translateY(10px)scale(1)}#top-nav .sub-menu li{color:var(--text-secondary);cursor:pointer;padding:.5rem 0;font-family:Outfit,sans-serif;font-size:1rem;transition:color .2s}#top-nav .sub-menu li:hover{color:var(--accent-teal)}#bg-watermark .text-white{color:#fff9}#bg-watermark .text-blue{color:#00f3ff40}#center-title{z-index:100;pointer-events:none;opacity:1;white-space:nowrap;justify-content:center;align-items:center;font-size:5vw;font-weight:800;transition:opacity .5s ease-in-out;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#center-title .title-anchor{justify-content:center;align-items:center;display:flex;position:relative}#center-title .logo-wrapper{justify-content:center;align-items:center;display:flex}#center-title .text-left{position:absolute;right:100%;transform:translateY(-.2em)}#center-title .text-right{position:absolute;left:100%;transform:translateY(-.2em)}#center-title.hidden{opacity:0}#center-title .text-white{color:#fff9}#center-title .text-blue{color:#00f3ff40}.logo-a{vertical-align:middle;width:.8em;height:.8em;margin:0 .05em;display:inline-block;transform:translateY(-.15em)}.logo-a svg{width:100%;height:100%;overflow:visible}.logo-a circle[fill=\#64ffda]{filter:drop-shadow(0 0 6px #64ffda)}.logo-a circle[fill=\#ffffff]{filter:drop-shadow(0 0 10px #fff)}#bg-watermark.style-ghost{color:#00f3ff0d;text-shadow:0 0 20px #00f3ff33;-webkit-text-stroke:1px #00f3ff4d}#bg-watermark.style-shine{color:#0000;background:linear-gradient(90deg,#0044664d 0%,#00f3ffcc 50%,#0044664d 100%) 0 0/200%;-webkit-background-clip:text;background-clip:text;animation:4s linear infinite shine}#bg-watermark.style-neon{color:#ffffff80;text-shadow:0 0 10px #00f3ffcc,0 0 20px #00f3ff99,0 0 40px #00f3ff66,0 0 80px #00f3ff33}#bg-watermark.style-glitch{color:#00f3ff4d;position:relative}#bg-watermark.style-glitch:before,#bg-watermark.style-glitch:after{content:"DBCreative";background:0 0;width:100%;height:100%;position:absolute;top:0;left:0}#bg-watermark.style-glitch:before{text-shadow:-2px 0 #ff000080;animation:2s linear infinite alternate-reverse glitch-anim-1;left:2px}#bg-watermark.style-glitch:after{text-shadow:2px 0 #0000ff80;animation:3s linear infinite alternate-reverse glitch-anim-2;left:-2px}@keyframes glitch-anim-1{0%{clip-path:inset(20% 0 80%)}20%{clip-path:inset(60% 0 10%)}40%{clip-path:inset(40% 0 50%)}60%{clip-path:inset(80% 0 5%)}80%{clip-path:inset(10% 0 70%)}to{clip-path:inset(30% 0 20%)}}@keyframes glitch-anim-2{0%{clip-path:inset(10% 0 60%)}20%{clip-path:inset(30% 0 20%)}40%{clip-path:inset(70% 0 10%)}60%{clip-path:inset(20% 0 50%)}80%{clip-path:inset(50% 0 30%)}to{clip-path:inset(5% 0 80%)}}.depth-blur-overlay{pointer-events:none;z-index:10;-webkit-backdrop-filter:blur(12px);width:100vw;height:100vh;position:absolute;top:0;left:0;-webkit-mask-image:radial-gradient(circle,#0000 15%,#000 70%);mask-image:radial-gradient(circle,#0000 15%,#000 70%)}.ui-layer{z-index:10;pointer-events:none;flex-direction:column;min-height:100vh;display:flex;position:relative}header,.hero{pointer-events:auto}header{justify-content:space-between;align-items:center;padding:2rem 4rem;display:flex}.logo{letter-spacing:2px;color:var(--text-primary);font-size:1.8rem;font-weight:800}.logo span{color:var(--accent-cyan);text-shadow:0 0 10px #00f3ff80}.menu-btn{cursor:pointer;z-index:100;background:0 0;border:none;flex-direction:column;justify-content:space-between;width:40px;height:30px;display:flex;position:relative}.menu-btn .line{background-color:var(--accent-teal);width:100%;height:3px;box-shadow:0 0 5px var(--accent-teal);border-radius:3px;transition:all .4s;display:block}.menu-btn.active .line:first-child{transform:translateY(13.5px)rotate(45deg)}.menu-btn.active .line:nth-child(2){opacity:0}.menu-btn.active .line:nth-child(3){transform:translateY(-13.5px)rotate(-45deg)}.hero{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}.hero h1{margin-bottom:1rem;font-size:4rem;font-weight:800}.hero h1 span{color:#0000;-webkit-text-stroke:1px var(--accent-teal);position:relative}.hero h1 span:before{content:"DBCreative";color:var(--accent-teal);white-space:nowrap;width:0%;transition:width 1s;position:absolute;top:0;left:0;overflow:hidden}.hero:hover h1 span:before{width:100%;text-shadow:0 0 15px var(--accent-teal)}.hero p{color:var(--text-secondary);max-width:600px;margin-bottom:4rem;font-size:1.2rem}#graph-3d{z-index:1;width:100vw;height:100vh;position:fixed;top:0;left:0}@media (width<=768px){header{padding:1.5rem}.hero h1{font-size:2.5rem}}#boxbuilder-modal{z-index:9999;opacity:1;visibility:visible;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity 1s,visibility 1s;display:flex;position:fixed;top:0;left:0}#graph-3d.fade-out{opacity:0;pointer-events:none}#boxbuilder-modal.modal-hidden{opacity:0;visibility:hidden;pointer-events:none}.modal-backdrop-transparent{background:#0006;width:100%;height:100%;position:absolute;top:0;left:0}.immersive-panel{-webkit-backdrop-filter:blur(20px);background:#0a0f19a6;border:1px solid #00f3ff26;flex-direction:column;width:100%;height:100%;padding:2rem 5%;transition:transform .6s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;transform:scale(1);box-shadow:0 20px 50px #00000080,inset 0 0 40px #00f3ff0d}#boxbuilder-modal.modal-hidden .immersive-panel{transform:scale(.85)}.close-btn{color:var(--text-primary);cursor:pointer;z-index:10;background:0 0;border:none;font-size:2rem;transition:color .2s;position:absolute;top:15px;right:20px}.close-btn:hover{color:var(--accent-cyan)}.modal-header{text-align:center;margin-bottom:1.5rem}.modal-header h2{color:var(--accent-teal);text-transform:uppercase;letter-spacing:2px;margin-bottom:.5rem;font-size:2.5rem}.modal-header p{color:var(--text-secondary);font-size:1.1rem}.modal-gallery-container{flex-grow:1;justify-content:center;align-items:center;width:100%;min-height:400px;display:flex;position:relative;overflow:hidden}.modal-gallery{height:100%;transition:transform .5s ease-in-out;display:flex}.gallery-item{justify-content:center;align-items:center;min-width:100%;height:100%;padding:10px;display:flex}.gallery-item img{object-fit:contain;border:1px solid #00f3ff66;border-radius:12px;max-width:90%;max-height:65vh;box-shadow:0 0 40px #00f3ff4d,0 0 15px #00f3ff80}.nav-btn{border:1px solid var(--accent-cyan);color:var(--accent-cyan);cursor:pointer;z-index:5;background:#02061799;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:2rem;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.nav-btn:hover{background:var(--accent-cyan);color:#000;box-shadow:0 0 15px var(--accent-cyan)}#gallery-prev{left:10px}#gallery-next{right:10px}.modal-footer{justify-content:center;margin-top:2rem;display:flex}.glow-btn{color:var(--text-primary);border:2px solid var(--accent-teal);cursor:pointer;text-transform:uppercase;letter-spacing:1px;background:0 0;border-radius:30px;padding:1rem 2.5rem;font-family:Outfit,sans-serif;font-size:1.2rem;font-weight:600;transition:all .3s;box-shadow:0 0 10px #64ffda33}.glow-btn:hover{text-shadow:0 0 5px #fff;background:#64ffda26;transform:translateY(-2px);box-shadow:0 0 20px #64ffda99}#photo-3d-nav{pointer-events:none;z-index:1000;justify-content:space-between;align-items:center;width:100vw;height:100vh;padding:0 5vw;transition:opacity .5s;display:flex;position:fixed;top:0;left:0}#photo-3d-nav.nav-hidden{opacity:0;pointer-events:none}#photo-3d-nav:not(.nav-hidden) .nav-btn,#photo-3d-nav:not(.nav-hidden) .nav-controls{pointer-events:auto}.nav-controls{position:absolute;bottom:5vh;left:50%;transform:translate(-50%)}.holographic-btn{color:#00f3ff;cursor:pointer;-webkit-backdrop-filter:blur(8px);text-shadow:0 0 10px #00f3ffcc;background:#000a1466;border:1px solid #00f3ff4d;border-radius:8px;padding:10px 20px;font-size:2rem;transition:all .3s;box-shadow:inset 0 0 15px #00f3ff1a}.holographic-btn:hover{background:#00f3ff33;border-color:#00f3ff;box-shadow:inset 0 0 20px #00f3ff66,0 0 20px #00f3ff33}.close-text{letter-spacing:2px;text-transform:uppercase;padding:12px 30px;font-size:1rem}@keyframes inversePulse{0%{opacity:0;transform:scale(5)}35%{opacity:1}to{opacity:0;transform:scale(.2)}}.pulse-inverse{transform-origin:50px 47px;transform-box:view-box;animation:8s cubic-bezier(.25,1,.5,1) infinite inversePulse}.pulse-inverse.delay{animation-delay:4s}#loading-screen{background-color:var(--bg-primary);z-index:9999;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity 1s ease-in-out,visibility 1s ease-in-out;display:flex;position:fixed;top:0;left:0}#loading-screen.hidden{opacity:0;visibility:hidden}.loader-content{text-align:center;width:80%;max-width:400px;font-family:Rajdhani,sans-serif}.loader-content h2{letter-spacing:4px;color:var(--accent-cyan);text-transform:uppercase;text-shadow:0 0 10px #00f3ff80;margin-bottom:.5rem;font-size:2.5rem}.loader-content p{color:var(--text-secondary);margin-bottom:2rem;font-size:1.2rem}.progress-bar{background:#fa03;border-radius:2px;width:100%;height:4px;position:relative;overflow:hidden}.progress-fill{background:#fa0;width:0%;height:100%;animation:2.5s cubic-bezier(.8,0,.2,1) forwards loadProgress;box-shadow:0 0 10px #fa0}@keyframes loadProgress{0%{width:0%}40%{width:60%}70%{width:80%}to{width:100%}}#classic-container{z-index:10;flex-direction:column;align-items:center;width:100vw;min-height:100vh;padding:4rem;display:flex;position:relative}.main-header{text-align:center;margin-bottom:3rem}.logo-title{letter-spacing:2px;text-shadow:0 0 20px #00f3ff66;font-family:Orbitron,sans-serif;font-size:3rem}.text-white{color:#fff}.text-blue{color:#00f3ff}.text-orange{color:#ff8c00}.subtitle{color:#a0aec0;text-transform:uppercase;letter-spacing:4px;margin-top:.5rem;font-family:Rajdhani,sans-serif;font-size:1.2rem}.glass-panel{-webkit-backdrop-filter:blur(20px);background:#0a0f19a6;border:1px solid #00f3ff26;border-radius:16px;width:100%;max-width:1200px;padding:2rem;box-shadow:0 20px 50px #00000080,inset 0 0 40px #00f3ff0d}.tabs-nav{border-bottom:1px solid #ffffff1a;justify-content:center;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;display:flex}.tab-btn{color:#a0aec0;text-transform:uppercase;letter-spacing:2px;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;padding:.5rem 1.5rem;font-family:Rajdhani,sans-serif;font-size:1.2rem;transition:all .3s}.tab-btn:hover{color:#00f3ff;background:#00f3ff0d}.tab-btn.active{color:#ff8c00;background:#ff8c000d;border-color:#ff8c004d;box-shadow:0 0 15px #ff8c001a}.tab-content{animation:.4s ease-out fadeIn;display:none}.tab-content.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.card-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.app-card{cursor:pointer;color:#fff;background:#030a1699;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;gap:.5rem;padding:1.5rem;text-decoration:none;transition:all .3s;display:flex}.app-card:hover:not(.disabled){border-color:#00f3ff66;transform:translateY(-5px);box-shadow:0 10px 30px #00f3ff26}.app-card h3{color:#00f3ff;font-family:Orbitron,sans-serif;font-size:1.2rem}.app-card p{color:#a0aec0;font-size:.95rem;line-height:1.5}.app-card.disabled{opacity:.5;cursor:not-allowed}.full-width{grid-column:1/-1}#auth-screen{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .5s;display:flex;position:fixed;top:0;left:0}.auth-box{text-align:center;flex-direction:column;align-items:center;display:flex}#auth-input{color:#fff;background:#00000080;border:1px solid #00f3ff4d;border-radius:8px;outline:none;width:100%;padding:1rem;font-family:Rajdhani,sans-serif;font-size:1.2rem;transition:border-color .3s}#auth-input:focus{border-color:#00f3ff;box-shadow:0 0 15px #00f3ff33}