#preloader{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a0f;z-index:2000;display:flex;align-items:center;justify-content:center}.loader{color:#ccc;font-size:1.1rem;font-weight:400}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;font-family:Inter,Helvetica Neue,sans-serif;background:transparent;color:#f0f0f0}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at top left,#2e2e5a,#0a0a0f 50%) no-repeat;background-color:#0b0c12;background-blend-mode:lighten;z-index:-2}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 80% 20%,rgba(136,19,203,.2),transparent 50%),radial-gradient(circle at 20% 80%,rgba(19,203,189,.1),transparent 60%);z-index:-1;pointer-events:none}canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none}header{position:fixed;top:0;left:0;width:100%;padding:20px 60px;display:flex;justify-content:space-between;align-items:center;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;box-sizing:border-box}.logo{display:flex;align-items:center;text-decoration:none;color:#fff;gap:12px}.logo-image{height:36px;display:block}.logo-text{font-size:1.4rem;letter-spacing:.5px;color:#fff}nav{display:flex;align-items:center}.desktop-nav{display:flex;gap:30px}.desktop-nav a,.mobile-nav a{color:#e0e0e0;text-decoration:none;font-weight:400;font-size:1rem;transition:opacity .3s}.desktop-nav a:hover,.mobile-nav a:hover{opacity:.6}.menu-toggle{display:none;flex-direction:column;gap:5px;cursor:pointer}.menu-toggle span{width:25px;height:3px;background:#fff;border-radius:2px}.mobile-nav{position:fixed;top:0;right:-100%;width:250px;height:100%;background:#0c0c0f;padding:60px 20px 20px;display:flex;flex-direction:column;gap:24px;transition:right .3s ease;z-index:999}.mobile-nav.open{right:0}.mobile-nav .close-btn{position:absolute;top:20px;right:20px;background:transparent;color:#fff;font-size:2rem;border:none;cursor:pointer}.hero{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:5;text-align:center;padding:0 20px;position:relative}.hero h2{font-size:3.6rem;font-weight:600;margin:0 0 20px;text-shadow:0 2px 10px rgba(0,0,0,.5)}.hero p{font-size:1.3rem;font-weight:400;color:#dcdcdc;max-width:700px;line-height:1.6}section{position:relative;z-index:2;padding:120px 20px;background:transparent;box-sizing:border-box}section h2{font-size:2.6rem;margin-bottom:30px;text-align:center;font-weight:600;text-shadow:0 2px 8px rgba(0,0,0,.4)}.about-container,.contact-container{max-width:860px;margin:0 auto;border-left:3px solid rgba(136,19,203,.4);padding:0 10px 0 20px}.about-container p,.contact-container p{text-align:left;font-size:1.15rem;font-weight:300;line-height:1.8;color:#e0e0e0;margin:0}.products-list{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:40px;padding:20px}.product-item{border-left:3px solid rgba(136,19,203,.4);padding-left:20px}.product-item h3{font-size:1.4rem;font-weight:600;margin-bottom:10px;color:#fff;text-align:left}.product-item p{font-size:1.05rem;font-weight:300;line-height:1.7;color:#d0d0d0;text-align:left;margin:0}footer{position:relative;z-index:3;padding:30px 20px;text-align:center;font-size:.95rem;color:#bbb;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.crystal-credit{font-size:.65rem;color:#aaa;margin-top:10px;background:transparent;padding-top:8px}@media (max-width: 768px){header{padding:15px 30px}.desktop-nav{display:none}.menu-toggle{display:flex}.hero h2{font-size:2.4rem}.hero p{font-size:1.1rem}section h2{font-size:2rem}.about-container p,.contact-container p,.product-item p{font-size:1rem}.crystal-credit{font-size:.65rem;right:10px;bottom:8px;padding:4px 8px}}