body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;font-size:larger}body{background-color:#0a0a0a;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;margin:0;padding:0}.App{display:flex;flex-direction:column;min-height:100vh}.navbar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0f0f0ff2;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;left:0;padding:1rem 2rem;position:fixed;right:0;top:0;z-index:1000}.navbar-brand .logo{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#00e5ff,#2979ff);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700}.navbar-links{display:flex;gap:2rem}.navbar-links a{color:#fff;font-weight:500;text-decoration:none;transition:color .3s ease}.navbar-links a:hover{color:#00e5ff}.hero-section{background:radial-gradient(circle at center,#1a1a1a 0,#0a0a0a 100%);padding:8rem 2rem 4rem;text-align:center}.hero-content{margin:0 auto;max-width:800px;opacity:0;transform:translateY(20px);transition:all .8s ease-out}.hero-content.visible{opacity:1;transform:translateY(0)}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem}.hero-title .highlight{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#00e5ff,#2979ff);-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:#a0a0a0;font-size:1.25rem;margin-bottom:2.5rem}.cta-button{align-items:center;background:linear-gradient(45deg,#00e5ff,#2979ff);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:1.1rem;font-weight:600;gap:.5rem;padding:1rem 2rem;transition:all .3s ease}.cta-button:hover{box-shadow:0 4px 15px #00e5ff66;transform:translateY(-2px)}.button-arrow{transition:transform .3s ease}.cta-button:hover .button-arrow{transform:translateX(4px)}.features-section{background-color:#0d0d0d;padding:6rem 2rem}.features-section h2{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#00e5ff,#2979ff);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-bottom:3rem;text-align:center}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1200px}.feature-card{background:#ffffff0d;border-radius:12px;padding:2rem;text-align:center;transition:transform .3s ease}.feature-card:hover{transform:translateY(-5px)}.feature-icon{font-size:2.5rem;margin-bottom:1rem}.feature-card h3{color:#fff;font-size:1.5rem;margin-bottom:1rem}.feature-card p{color:#a0a0a0}.App-footer{background-color:#0d0d0d;margin-top:auto;padding:3rem 2rem}.footer-content{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;margin:0 auto;max-width:1200px}.footer-section h3{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#00e5ff,#2979ff);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;margin-bottom:.5rem}.footer-section p{color:#a0a0a0}.footer-links{display:flex;gap:1.5rem;margin-top:1rem}.footer-links a{color:#a0a0a0;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:#00e5ff}@media (max-width:768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.navbar{padding:1rem}.navbar-links{gap:1rem}.features-section{padding:4rem 1rem}.footer-content{flex-direction:column;text-align:center}.footer-links{justify-content:center}}.code-editor-container{box-sizing:border-box;margin:0 auto;max-width:1200px;padding:1rem;width:100%}.main-content{width:100%}.editor-section{background-color:#1e1e1e;border-radius:clamp(.5rem,1vw,1rem);box-shadow:0 8px 16px #00e5ff1a;margin-bottom:2rem;padding:clamp(.5rem,2vw,1.5rem);position:fixed}.editor-section,.editor-wrapper{box-sizing:border-box;overflow:hidden;width:100%}.editor-wrapper{height:clamp(300px,50vh,600px);position:relative}.language-selector{background-color:#2c2c2c;border:1px solid #555;border-radius:5px;color:#fff;cursor:pointer;font-size:clamp(.875rem,1.5vw,1rem);margin-bottom:1rem;max-width:200px;padding:.5rem;width:100%}.monaco-editor,.monaco-editor .overflow-guard{height:100%!important;overflow:hidden!important;width:100%!important}.monaco-editor-background{width:100%!important}.monaco-editor .editor-scrollable{overflow-x:auto!important;width:100%!important}.editor-loading{align-items:center;background-color:#1e1e1e;color:#00e5ff;display:flex;font-size:clamp(.875rem,1.5vw,1.1rem);height:100%;justify-content:center}.debug-button{background:linear-gradient(45deg,#00e5ff,#2979ff);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:clamp(.875rem,1.5vw,1rem);font-weight:700;margin-top:1rem;max-width:200px;padding:clamp(.5rem,1.5vw,.7rem) clamp(1rem,2vw,1.5rem);transition:all .3s ease;width:100%}.debug-button:hover:not(:disabled){box-shadow:0 4px 15px #00e5ff66;transform:translateY(-2px)}.debug-button:disabled{background:#444;box-shadow:none;cursor:not-allowed;transform:none}.debug-output,.error-message{border-radius:clamp(.5rem,1vw,.75rem);font-size:clamp(.875rem,1.5vw,1rem);line-height:1.6;margin-top:1rem;overflow-x:auto;padding:clamp(.75rem,2vw,1.5rem)}.debug-output{background-color:#2a2a2a;border-left:5px solid #00e5ff}.error-message{background-color:#2a2a2a;border-left:5px solid #ff5252}.debug-output h3,.error-message h3{font-size:clamp(1rem,1.75vw,1.25rem);margin:0 0 .75rem}.debug-content,.error-message pre{word-wrap:break-word;margin:0;white-space:pre-wrap}@media (max-width:1200px){.code-editor-container{padding:.75rem}}@media (max-width:768px){.code-editor-container{padding:.5rem}.editor-wrapper{height:clamp(250px,40vh,400px)}.debug-button,.language-selector{max-width:100%}.debug-output,.error-message{margin-top:.75rem;padding:1rem}}@media (max-width:480px){.editor-section{padding:.5rem}.editor-wrapper{height:clamp(200px,35vh,300px)}.debug-output,.error-message{padding:.75rem}}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#1e1e1e}::-webkit-scrollbar-thumb{background:#00e5ff33;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00e5ff66}.monaco-editor .view-line *{font-size:clamp(12px,1.5vw,14px)!important}
/*# sourceMappingURL=main.1b8cd7f5.css.map*/