*{box-sizing:border-box;margin:0;padding:0}body{font-family:"system-ui",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:background-color .5s,color .5s;overflow:hidden}body.dark{color:#e0ffff;--active-color:#00eaee;--border-dim:#ffffff1a;background-color:#030305}body.dark .cyber-wrapper{background-image:linear-gradient(#00eaee08 1px,#0000 1px),linear-gradient(90deg,#00eaee08 1px,#0000 1px)}body.dark .content-box{background:#030305b3}body.light{color:#0d1b2a;--active-color:#f50;--border-dim:#0000001a;background-color:#f4f5f8}body.light .cyber-wrapper{background-image:linear-gradient(#ff55000d 1px,#0000 1px),linear-gradient(90deg,#ff55000d 1px,#0000 1px)}body.light .content-box{background:#ffffffb3}.cyber-wrapper{perspective:1000px;background-position:50%;background-size:clamp(20px,4vw,40px) clamp(20px,4vw,40px);justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;display:flex;position:relative}.theme-toggle{z-index:100;border:1px solid var(--active-color);color:var(--active-color);letter-spacing:1px;cursor:pointer;text-transform:uppercase;background:0 0;border-radius:6px;padding:8px 16px;font-family:inherit;font-size:clamp(.7rem,2vw,.9rem);transition:all .5s;position:absolute;top:clamp(15px,4vw,30px);right:clamp(15px,4vw,30px)}.theme-toggle:hover{background:var(--active-color);color:inherit}.parallax-container{width:100%;height:100%;transform-style:preserve-3d;justify-content:center;align-items:center;display:flex;position:relative}.particles-container{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.particle{background-color:var(--active-color);box-shadow:0 0 10px var(--active-color);opacity:0;border-radius:50%;position:absolute}.core-container{pointer-events:none;z-index:1;justify-content:center;align-items:center;width:clamp(260px,60vw,550px);height:clamp(260px,60vw,550px);display:flex;position:absolute}.geometric-ring{border:1px solid #0000;border-radius:50%;transition:border-color .5s;position:absolute}.geometric-ring.ring-1{border-top:3px solid var(--active-color);border-bottom:3px solid var(--active-color);width:100%;height:100%;box-shadow:inset 0 0 20px #0000001a, 0 0 15px var(--active-color)}.geometric-ring.ring-2{border-left:2px solid var(--active-color);border-right:2px solid var(--active-color);opacity:.7;width:80%;height:80%}.geometric-ring.ring-3{border:1px dashed var(--active-color);opacity:.5;width:60%;height:60%}.content-box{z-index:10;-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-dim);border-left:2px solid var(--active-color);text-align:center;border-radius:16px;width:100%;max-width:550px;padding:clamp(1.8rem,6vw,3.5rem);position:relative;transform:translateZ(30px);box-shadow:0 20px 40px #00000026,inset 0 0 30px #0000000d}.content-box .label{letter-spacing:3px;text-transform:uppercase;color:var(--active-color);margin-bottom:12px;font-size:clamp(.75rem,2vw,.9rem);font-weight:600}.content-box .title{letter-spacing:-.5px;margin-bottom:16px;font-size:clamp(1.8rem,6vw,2.8rem);font-weight:800;line-height:1.2;display:inline-block;position:relative}.content-box .desc{font-size:clamp(.95rem,3vw,1.1rem);font-weight:400;line-height:1.6}.content-box .desc .highlight{color:var(--active-color);font-weight:700;transition:color .5s}