:root{--editor-height: 400px}.cursor{width:20px;height:20px;border:2px solid var(--primary-color);border-radius:50%;position:fixed;pointer-events:none;z-index:9999;transition:transform .2s ease;transform:translate(-50%,-50%)}.hero{background:linear-gradient(135deg,var(--bg-dark) 0%,#2a2a2a 100%);color:var(--text-light);padding:8rem 2rem;text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,rgba(100,214,255,.1) 0%,transparent 70%);pointer-events:none}.hero-content{max-width:800px;margin:0 auto;position:relative;z-index:1}.glitch{font-size:3rem;margin-bottom:1rem;position:relative}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;clip:rect(0,900px,0,0)}.glitch:before{left:2px;text-shadow:-1px 0 var(--primary-color);animation:glitch-anim-1 2s infinite linear alternate-reverse}.glitch:after{left:-2px;text-shadow:1px 0 var(--secondary-color);animation:glitch-anim-2 3s infinite linear alternate-reverse}@keyframes glitch-anim-1{0%{clip:rect(20px,900px,21px,0)}to{clip:rect(42px,900px,43px,0)}}@keyframes glitch-anim-2{0%{clip:rect(12px,900px,13px,0)}to{clip:rect(54px,900px,55px,0)}}.fade-in{font-size:1.2rem;margin-bottom:3rem;color:#ccc;animation:fadeIn 1s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cta-buttons{display:flex;gap:1rem;justify-content:center;margin-bottom:4rem}.btn{padding:.8rem 2rem;border-radius:50px;text-decoration:none;font-weight:600;transition:transform .3s ease,box-shadow .3s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000004d}.btn.primary{background:var(--primary-color);color:var(--bg-dark)}.btn.secondary{background:transparent;color:var(--text-light);border:2px solid var(--primary-color)}.editor-preview{text-align:initial;background-color:#eff1f5;border-radius:12px;max-width:800px;margin:0 auto;overflow:scroll;scrollbar-width:0;scrollbar-color:transparent transparent;padding:1rem;box-shadow:0 20px 40px #0006;max-height:var(--editor-height)}.editor-preview ::selection{all:unset}.typing-effect code{opacity:0;animation:typeIn 1s ease-out forwards;animation-delay:.5s}@keyframes typeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.editor{margin:0}.editor{color:#000;font-family:Times New Roman,Times,serif!important;font-size:1.25rem;height:var(--editor-height);width:100%}.features{padding:6rem 2rem;max-width:1200px;margin:0 auto}.features h2{text-align:center;margin-bottom:4rem;font-size:2.5rem;background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.feature-card{background:#fff;padding:2rem;border-radius:16px;box-shadow:0 10px 30px #0000001a;transition:all .3s ease;opacity:0;transform:translateY(20px);animation:fadeIn .5s ease-out forwards}.feature-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 20px 40px #00000026}.feature-icon{font-size:2rem;margin-bottom:1rem}.feature-card h3{margin-bottom:1rem;color:var(--text-dark);font-size:1.3rem}.feature-card p{color:#666}@media(max-width:768px){.nav-links{gap:1rem}.hero h1{font-size:2rem}.hero p{font-size:1rem}.feature-grid{grid-template-columns:1fr}.footer-content{flex-direction:column;gap:1rem;text-align:center}.cta-buttons{flex-direction:column;align-items:center}.btn{width:100%;max-width:300px;text-align:center}}