body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-x:hidden}.navbar{background-color:#282c34;padding:1rem 0;box-shadow:0 6px 12px #0000004d;position:sticky;top:0;left:0;width:100%;z-index:1000;transition:background-color .3s ease,box-shadow .3s ease}.navbar-container{max-width:1200px;margin:0 auto;padding:0 25px;display:flex;justify-content:space-between;align-items:center;position:relative}.navbar-brand{color:#61dafb;font-size:1.9rem;font-weight:700;text-decoration:none;letter-spacing:.8px;transition:transform .3s cubic-bezier(.25,.46,.45,.94),color .3s ease;position:relative}.navbar-brand:hover{transform:translateY(-3px) scale(1.02);color:#53c0e6}.navbar-brand span{color:#e0e0e0;font-weight:400;transition:color .3s ease}.navbar-brand:hover span{color:#f0f0f0}.navbar-toggle{display:none;background:none;border:none;font-size:2.2rem;color:#e0e0e0;cursor:pointer;padding:.5rem;z-index:1001;transition:transform .3s ease,color .3s ease}.navbar-toggle:hover{color:#61dafb}.navbar-toggle-icon{display:block}.navbar-links{display:flex;gap:30px;align-items:center;transition:all .4s cubic-bezier(.68,-.55,.27,1.55)}.navbar-link{color:#e0e0e0;text-decoration:none;font-size:1.05rem;padding:.5rem 0;position:relative;font-weight:500;transition:color .3s ease,transform .3s cubic-bezier(.25,.46,.45,.94)}.navbar-link:after{content:"";position:absolute;left:0;bottom:-5px;width:0;height:3px;background-color:#61dafb;transition:width .3s ease-out;border-radius:2px}.navbar-link:hover{color:#61dafb;transform:translateY(-3px)}.navbar-link:hover:after,.navbar-link.active:after{width:100%}.navbar-link.active{color:#61dafb;font-weight:600}.navbar-auth{display:flex;gap:20px;align-items:center}.navbar-auth-btn{padding:10px 22px;border-radius:8px;text-decoration:none;font-size:.98rem;font-weight:600;transition:all .3s cubic-bezier(.25,.46,.45,.94),box-shadow .3s ease;box-shadow:0 4px 8px #0003;position:relative}.navbar-auth-btn:active{transform:translateY(1px);box-shadow:0 2px 4px #0003}.navbar-auth-btn.login{background-color:transparent;color:#61dafb;border:2px solid #61dafb}.navbar-auth-btn.login:hover{background-color:#61dafb;color:#282c34;transform:translateY(-3px);box-shadow:0 6px 12px #61dafb66}.navbar-auth-btn.register{background-color:#61dafb;color:#282c34;border:2px solid #61dafb}.navbar-auth-btn.register:hover{background-color:#53c0e6;transform:translateY(-3px);box-shadow:0 6px 12px #61dafb66}@media (max-width: 768px){.navbar-container{padding:0 15px}.navbar-toggle{display:block}.navbar-links{flex-direction:column;width:100%;background-color:#2f343a;position:absolute;top:100%;left:0;transform:translateY(-100%) rotateX(-90deg);transform-origin:top center;opacity:0;visibility:hidden;padding:20px 0;gap:10px;transition:transform .4s cubic-bezier(.68,-.55,.27,1.55),opacity .4s ease-out,visibility .4s ease-out;box-shadow:0 8px 16px #0006;border-bottom-left-radius:8px;border-bottom-right-radius:8px;box-sizing:border-box;min-height:280px;justify-content:flex-start;align-items:center}.navbar-links.active{transform:translateY(0) rotateX(0);opacity:1;visibility:visible}.navbar-link{padding:12px 20px;width:100%;text-align:center;font-size:1.1rem}.navbar-link:after{left:50%;transform:translate(-50%);bottom:5px}.navbar-auth{display:flex;flex-direction:row;justify-content:center;gap:15px;width:100%;background-color:#2f343a;padding:15px 20px;box-shadow:0 8px 16px #0006;border-bottom-left-radius:8px;border-bottom-right-radius:8px;box-sizing:border-box;position:absolute;left:0;top:calc(100% + 280px);opacity:0;visibility:hidden;transition:opacity .4s ease-out,visibility .4s ease-out,top .4s ease-in-out}.navbar-links.active+.navbar-auth{display:flex;opacity:1;visibility:visible}@media (max-width: 480px){.navbar-auth{flex-direction:column;gap:10px;padding:10px 15px}.navbar-auth-btn{max-width:200px}}}.compiler{min-height:100vh;display:flex;flex-direction:column;font-family:Fira Code,Consolas,Monaco,Courier New,monospace;transition:all .3s ease;color:var(--text-color);background-color:var(--background-color)}.compiler__container{width:100%;max-width:1600px;margin:0 auto;padding:2rem;display:flex;flex-direction:column;gap:1.5rem;flex:1}.compiler__header{padding:1.25rem 2rem;border-radius:12px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.25rem;box-shadow:var(--header-shadow);background-color:var(--header-bg);border:1px solid var(--header-border)}.compiler__title{font-size:1.8rem;font-weight:700;margin:0;letter-spacing:-.02em;background:linear-gradient(90deg,var(--accent-color),var(--accent-color-light));-webkit-background-clip:text;background-clip:text;color:transparent}.compiler__controls{display:flex;gap:.85rem;align-items:center}.compiler__select{padding:.6rem 1.2rem;border-radius:8px;font-size:.95rem;cursor:pointer;outline:none;border:1px solid var(--border-color);background-color:var(--input-bg);color:var(--text-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('data:image/svg+xml;utf8,<svg fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" fill-rule="evenodd"></path></svg>');background-repeat:no-repeat;background-position:right .75rem center;background-size:.8em;transition:all .2s ease;min-width:120px}.compiler__select:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-color-light)}.compiler__button{padding:.7rem 1.3rem;border-radius:8px;font-size:.95rem;cursor:pointer;border:none;outline:none;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.6rem;font-weight:600}.compiler__button-icon{font-size:.9em;color:#fff}.compiler__button--run{background-color:var(--run-button-bg);color:#fff}.compiler__button--clear{background-color:var(--clear-button-bg);color:#fff}.compiler__button--fix{background-color:var(--run-button-bg);color:#000}.compiler__button:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 4px 12px #0003;filter:brightness(1.1)}.compiler__button.disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none;filter:none}.compiler__workspace{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;flex:1;min-height:0}.compiler__editor,.compiler__output{border-radius:12px;overflow:hidden;display:flex;flex-direction:column;flex:1;min-height:400px;box-shadow:var(--panel-shadow);background-color:var(--panel-bg);border:1px solid var(--panel-border)}.compiler__editor-header{padding:.85rem 1.5rem;font-size:1rem;font-weight:600;border-bottom:1px solid var(--panel-border);background-color:var(--panel-header-bg);color:var(--panel-header-text);display:flex;justify-content:space-between;align-items:center;width:100%}.compiler__filename-container{display:flex;align-items:center;gap:.5rem}.compiler__file-icon{font-size:1.1em}.compiler__filename{font-family:Fira Code,monospace;font-weight:500}.compiler__fix-action{margin-left:auto}.compiler__code-wrapper{position:relative;flex:1;overflow:hidden}.compiler__code-display,.compiler__code-input{position:absolute;top:0;left:0;width:100%;height:100%;padding:1.5rem;font-size:1.05rem;line-height:1.6;-moz-tab-size:4;tab-size:4;white-space:pre;overflow:auto;box-sizing:border-box;font-family:Fira Code,Consolas,Monaco,Courier New,monospace}.compiler__code-input{z-index:2;resize:none;border:none;outline:none;background-color:transparent;color:inherit;caret-color:var(--caret-color)}.compiler__code-display{z-index:1;pointer-events:none;color:transparent}.compiler__output-header{padding:.85rem 1.5rem;font-size:1rem;font-weight:600;border-bottom:1px solid var(--panel-border);background-color:var(--panel-header-bg);color:var(--panel-header-text)}.compiler__output-title{display:flex;align-items:center;gap:.5rem}.compiler__output-icon{font-size:1.1em}.compiler__output-content{padding:1.5rem;font-size:1.05rem;line-height:1.6;white-space:pre-wrap;overflow:auto;flex:1;font-family:Fira Code,Consolas,Monaco,Courier New,monospace;color:var(--output-text-color);position:relative;display:flex;flex-direction:column}.compiler__output-text{margin:0;flex:1}.compiler__fix-action--output{padding:1rem 1.5rem;border:none;background-color:transparent;display:flex;justify-content:flex-end;margin-top:auto}.compiler__spinner{width:1.1rem;height:1.1rem;border:3px solid rgba(255,255,255,.4);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.compiler.dark-theme{--background-color: #1a1a2e;--text-color: #e0e0e0;--header-bg: #2a2a4a;--header-border: #3a3a5a;--header-shadow: 0 6px 12px rgba(0, 0, 0, .3);--panel-bg: #22223b;--panel-border: #3b3b5b;--panel-shadow: 0 4px 10px rgba(0, 0, 0, .25);--panel-header-bg: #333355;--panel-header-text: #ffffff;--input-bg: #3c3c5c;--border-color: #5a5a7a;--caret-color: #8be9fd;--accent-color: #8be9fd;--accent-color-light: #6272a4;--run-button-bg: #50fa7b;--clear-button-bg: #ff5555;--fix-button-bg: #8be9fd;--output-text-color: #b3e0ff;--scrollbar-thumb-color: #555;--scrollbar-track-color: #333}.compiler.light-theme{--background-color: #f8f9fa;--text-color: #333;--header-bg: #ffffff;--header-border: #e0e0e0;--header-shadow: 0 6px 12px rgba(0, 0, 0, .1);--panel-bg: #ffffff;--panel-border: #dcdfe4;--panel-shadow: 0 4px 10px rgba(0, 0, 0, .08);--panel-header-bg: #f1f3f5;--panel-header-text: #333;--input-bg: #ffffff;--border-color: #d0d3d9;--caret-color: #007bff;--accent-color: #007bff;--accent-color-light: #6c8ebf;--run-button-bg: #28a745;--clear-button-bg: #dc3545;--fix-button-bg: #17a2b8;--output-text-color: #212529;--scrollbar-thumb-color: #ccc;--scrollbar-track-color: #f0f0f0}@media (max-width: 1200px){.compiler__container{padding:1.5rem}}@media (max-width: 992px){.compiler__header{flex-direction:column;align-items:stretch;padding:1rem 1.5rem}.compiler__controls{flex-wrap:wrap;justify-content:center}.compiler__select,.compiler__button{flex-grow:1;min-width:120px}.compiler__workspace{grid-template-columns:1fr}.compiler__editor,.compiler__output{min-height:350px}}@media (max-width: 768px){.compiler__container{padding:1rem;gap:1rem}.compiler__title{font-size:1.6rem;text-align:center}.compiler__editor,.compiler__output{min-height:300px}.compiler__select,.compiler__button{font-size:.9rem;padding:.5rem 1rem}.compiler__editor-header,.compiler__output-header{font-size:.95rem;padding:.75rem 1rem}.compiler__code-display,.compiler__code-input,.compiler__output-content{padding:1rem;font-size:.95rem}}@media (max-width: 576px){.compiler__container{padding:.75rem;gap:.75rem}.compiler__title{font-size:1.4rem}.compiler__controls{flex-direction:column;gap:.5rem}.compiler__select,.compiler__button{width:100%}.compiler__editor,.compiler__output{min-height:250px}.compiler__code-display,.compiler__code-input,.compiler__output-content{padding:.75rem;font-size:.9rem}}.compiler__code-display::-webkit-scrollbar,.compiler__code-input::-webkit-scrollbar,.compiler__output-content::-webkit-scrollbar{width:8px;height:8px}.compiler__code-display::-webkit-scrollbar-thumb,.compiler__code-input::-webkit-scrollbar-thumb,.compiler__output-content::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-color);border-radius:4px}.compiler__code-display::-webkit-scrollbar-track,.compiler__code-input::-webkit-scrollbar-track,.compiler__output-content::-webkit-scrollbar-track{background-color:var(--scrollbar-track-color)}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#6a9955}.token.punctuation{color:#d4d4d4}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted{color:#b5cea8}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#ce9178}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string{color:#d4d4d4}.token.atrule,.token.attr-value,.token.keyword{color:#569cd6}.token.function,.token.class-name{color:#dcdcaa}.token.regex,.token.important,.token.variable{color:#d16969}code[class*=language-],pre[class*=language-]{color:#f8f8f2;background:none;text-shadow:0 1px rgba(0,0,0,.3);font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;border-radius:.3em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#272822}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#8292a2}.token.punctuation{color:#f8f8f2}.token.namespace{opacity:.7}.token.property,.token.tag,.token.constant,.token.symbol,.token.deleted{color:#f92672}.token.boolean,.token.number{color:#ae81ff}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#a6e22e}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string,.token.variable{color:#f8f8f2}.token.atrule,.token.attr-value,.token.function,.token.class-name{color:#e6db74}.token.keyword{color:#66d9ef}.token.regex,.token.important{color:#fd971f}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}*{box-sizing:border-box;margin:0;padding:0}.learn-container{max-width:1200px;margin:40px auto;padding:20px;background-color:#282c34;border-radius:10px;box-shadow:0 10px 25px #0006}.learn-title{font-size:2.8rem;color:#61dafb;text-align:center;margin-bottom:40px;text-shadow:0 0 10px rgba(97,218,251,.3)}.tab-navigation{display:flex;justify-content:center;margin-bottom:30px;gap:15px;flex-wrap:wrap}.tab-btn{background-color:#3a3f4a;color:#e0e0e0;border:2px solid #4a4f5a;padding:12px 25px;border-radius:8px;font-size:1.1rem;cursor:pointer;transition:all .3s ease;outline:none;box-shadow:0 4px 8px #0003}.tab-btn:hover{background-color:#4a4f5a;border-color:#61dafb;color:#61dafb;transform:translateY(-3px);box-shadow:0 6px 12px #61dafb4d}.tab-btn.active{background-color:#61dafb;color:#282c34;border-color:#61dafb;box-shadow:0 6px 12px #61dafb80;transform:translateY(-2px)}.content-area{padding:20px;background-color:#1e1e1e;border-radius:8px;box-shadow:inset 0 0 10px #0003}.language-section h2{font-size:2.2rem;color:#61dafb;margin-bottom:30px;text-align:center;border-bottom:2px solid rgba(97,218,251,.3);padding-bottom:15px}.example-block{background-color:#2f343a;border-radius:8px;padding:25px;margin-bottom:30px;box-shadow:0 5px 15px #0000004d;border:1px solid #3c4048;transition:transform .2s ease-out,box-shadow .2s ease-out}.example-block:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0006}.example-block h3{font-size:1.8rem;color:#a0a8b3;margin-bottom:15px;border-bottom:1px dashed rgba(160,168,179,.3);padding-bottom:10px}.example-block p{font-size:1rem;color:silver;margin-bottom:20px;line-height:1.7}pre{padding:1.5rem;border-radius:6px;overflow-x:auto;border:1px solid #3c4048;box-shadow:inset 0 0 10px #0000004d}code{font-family:Fira Code,Consolas,Courier New,monospace;font-size:.95rem;line-height:1.5;color:#d4d4d4}@media (max-width: 992px){.learn-container{margin:20px auto;padding:15px}.learn-title{font-size:2.2rem;margin-bottom:30px}.language-section h2{font-size:1.8rem;margin-bottom:20px}.example-block{padding:20px;margin-bottom:25px}.example-block h3{font-size:1.6rem}}@media (max-width: 768px){.learn-container{margin:15px auto;padding:10px}.learn-title{font-size:1.8rem;margin-bottom:25px}.tab-navigation{flex-direction:column;gap:10px}.tab-btn{width:100%;font-size:1rem;padding:10px 20px}.language-section h2{font-size:1.6rem;margin-bottom:15px}.example-block{padding:15px;margin-bottom:20px}.example-block h3{font-size:1.4rem}.example-block p{font-size:.9rem}pre{padding:1rem;font-size:.9rem}}@media (max-width: 480px){.learn-container{padding:8px}.learn-title{font-size:1.5rem;margin-bottom:20px}.tab-btn{font-size:.9rem;padding:8px 15px}.language-section h2{font-size:1.4rem}.example-block{padding:10px}.example-block h3{font-size:1.2rem}.example-block p{font-size:.85rem}pre{padding:.8rem;font-size:.8rem}}.about-us-container{max-width:900px;margin:60px auto;padding:30px;background-color:#282c34;border-radius:12px;box-shadow:0 15px 35px #00000080,0 5px 15px #0000004d;border:1px solid #3c4048}.about-us-title{font-size:3rem;color:#61dafb;text-align:center;margin-bottom:50px;text-shadow:0 0 15px rgba(97,218,251,.4);position:relative;padding-bottom:10px}.about-us-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80px;height:4px;background-color:#61dafb;border-radius:2px}.about-section{background-color:#2f343a;border-radius:10px;padding:30px;margin-bottom:40px;box-shadow:0 8px 20px #0000004d;border:1px solid #3a3f4a;transition:transform .3s ease-out,box-shadow .3s ease-out}.about-section:hover{transform:translateY(-8px);box-shadow:0 12px 30px #0006}.about-section h2{font-size:2.2rem;color:#a0a8b3;margin-bottom:20px;border-bottom:2px solid rgba(160,168,179,.2);padding-bottom:10px;text-align:center}.about-section p{font-size:1.1rem;color:silver;margin-bottom:15px;line-height:1.7;text-align:justify}.about-section p:last-child{margin-bottom:0}@media (max-width: 992px){.about-us-container{margin:40px auto;padding:25px}.about-us-title{font-size:2.5rem;margin-bottom:40px}.about-section{padding:25px;margin-bottom:30px}.about-section h2{font-size:2rem}.about-section p{font-size:1rem}}@media (max-width: 768px){.about-us-container{margin:20px auto;padding:20px;border-radius:8px}.about-us-title{font-size:2rem;margin-bottom:30px}.about-us-title:after{width:60px;height:3px}.about-section{padding:20px;margin-bottom:25px;border-radius:8px}.about-section h2{font-size:1.8rem;margin-bottom:15px}.about-section p{font-size:.95rem}}@media (max-width: 480px){.about-us-container{margin:15px auto;padding:15px}.about-us-title{font-size:1.7rem;margin-bottom:25px}.about-us-title:after{width:50px;height:2px}.about-section{padding:15px;margin-bottom:20px}.about-section h2{font-size:1.5rem}.about-section p{font-size:.9rem}}body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;overflow-x:hidden}.contact-us-container{max-width:900px;margin:60px auto;padding:30px;background-color:#282c34;border-radius:12px;box-shadow:0 15px 35px #00000080,0 5px 15px #0000004d;border:1px solid #3c4048}.contact-us-title{font-size:3rem;color:#61dafb;text-align:center;margin-bottom:50px;text-shadow:0 0 15px rgba(97,218,251,.4);position:relative;padding-bottom:10px}.contact-us-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80px;height:4px;background-color:#61dafb;border-radius:2px}.contact-section{background-color:#2f343a;border-radius:10px;padding:30px;margin-bottom:40px;box-shadow:0 8px 20px #0000004d;border:1px solid #3a3f4a;transition:transform .3s ease-out,box-shadow .3s ease-out}.contact-section:hover{transform:translateY(-8px);box-shadow:0 12px 30px #0006}.contact-section h2{font-size:2.2rem;color:#a0a8b3;margin-bottom:20px;border-bottom:2px solid rgba(160,168,179,.2);padding-bottom:10px;text-align:center}.contact-details{display:flex;flex-wrap:wrap;justify-content:center;gap:30px}.contact-item{display:flex;align-items:flex-start;gap:15px;background-color:#383d47;padding:20px;border-radius:8px;box-shadow:0 4px 10px #0003;flex:1;min-width:280px;max-width:45%;transition:background-color .3s ease,border-color .3s ease;border:1px solid transparent}.contact-item:hover{background-color:#3e434f;border-color:#61dafb}.contact-item .icon{flex-shrink:0;color:#61dafb;font-size:28px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:#61dafb1a}.contact-item .icon svg{width:28px;height:28px}.contact-item h3{font-size:1.4rem;color:#e0e0e0;margin-top:0;margin-bottom:8px}.contact-item p{font-size:1rem;color:silver;margin:0}.contact-item p a{color:#61dafb;text-decoration:none;transition:color .3s ease}.contact-item p a:hover{color:#53c0e6;text-decoration:underline}.message-section p{font-size:1.1rem;color:silver;text-align:center;margin-bottom:25px}.message-buttons-group{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-top:20px}.email-button,.direct-email-button{display:block;width:fit-content;padding:12px 30px;border-radius:8px;text-decoration:none;font-size:1.1rem;font-weight:600;transition:all .3s ease;box-shadow:0 5px 15px #0006;border:2px solid;cursor:pointer}.email-button{background-color:#61dafb;color:#282c34;border-color:#61dafb}.email-button:hover{background-color:#53c0e6;transform:translateY(-3px);box-shadow:0 8px 20px #61dafb99}.direct-email-button{background-color:transparent;color:#a0a8b3;border-color:#a0a8b3}.direct-email-button:hover{background-color:#a0a8b3;color:#282c34;transform:translateY(-3px);box-shadow:0 8px 20px #a0a8b366}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;opacity:1;visibility:visible;transition:opacity .3s ease,visibility .3s ease}.modal-content{background-color:#282c34;padding:30px;border-radius:10px;box-shadow:0 10px 30px #00000080;position:relative;width:90%;max-width:500px;transform:scale(.9);transition:transform .3s cubic-bezier(.68,-.55,.27,1.55);border:1px solid #3c4048}.modal-overlay .modal-content{transform:scale(1)}.modal-close-btn{position:absolute;top:15px;right:15px;background:none;border:none;color:#a0a8b3;font-size:1.8rem;cursor:pointer;transition:color .3s ease,transform .3s ease}.modal-close-btn:hover{color:#61dafb;transform:rotate(90deg)}.modal-content h3{color:#61dafb;font-size:2rem;text-align:center;margin-bottom:30px;border-bottom:2px solid rgba(97,218,251,.2);padding-bottom:10px}.contact-form .form-group{margin-bottom:20px}.contact-form label{display:block;color:#e0e0e0;font-size:1rem;margin-bottom:8px;font-weight:500}.contact-form input[type=text],.contact-form input[type=email],.contact-form textarea{width:100%;padding:12px;border-radius:5px;border:1px solid #4a4f5a;background-color:#383d47;color:#e0e0e0;font-size:1rem;box-sizing:border-box;transition:border-color .3s ease,box-shadow .3s ease}.contact-form input[type=text]:focus,.contact-form input[type=email]:focus,.contact-form textarea:focus{border-color:#61dafb;box-shadow:0 0 0 3px #61dafb4d;outline:none}.contact-form textarea{resize:vertical;min-height:100px}.submit-form-btn{display:block;width:100%;background-color:#61dafb;color:#282c34;padding:15px;border-radius:8px;border:none;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 15px #61dafb66}.submit-form-btn:hover{background-color:#53c0e6;transform:translateY(-3px);box-shadow:0 8px 20px #61dafb99}@media (max-width: 992px){.contact-us-container{margin:40px auto;padding:25px}.contact-us-title{font-size:2.5rem;margin-bottom:40px}.contact-section{padding:25px;margin-bottom:30px}.contact-section h2{font-size:2rem}.contact-item{max-width:100%;min-width:unset}.modal-content{padding:25px}.modal-content h3{font-size:1.8rem}}@media (max-width: 768px){.contact-us-container{margin:20px auto;padding:20px;border-radius:8px}.contact-us-title{font-size:2rem;margin-bottom:30px}.contact-us-title:after{width:60px;height:3px}.contact-section{padding:20px;margin-bottom:25px;border-radius:8px}.contact-section h2{font-size:1.8rem;margin-bottom:15px}.contact-details{flex-direction:column;gap:20px}.contact-item{max-width:100%}.contact-item h3{font-size:1.3rem}.contact-item p{font-size:.95rem}.email-button,.direct-email-button{padding:10px 25px;font-size:1rem}.modal-content{padding:20px}.modal-content h3{font-size:1.6rem}.contact-form label,.contact-form input,.contact-form textarea{font-size:.95rem}.submit-form-btn{padding:12px;font-size:1rem}}@media (max-width: 480px){.contact-us-container{margin:15px auto;padding:15px}.contact-us-title{font-size:1.7rem;margin-bottom:25px}.contact-us-title:after{width:50px;height:2px}.contact-section{padding:15px;margin-bottom:20px}.contact-section h2{font-size:1.5rem}.contact-item{padding:15px;flex-direction:column;align-items:center;text-align:center}.contact-item .icon{margin-bottom:10px}.contact-item h3{font-size:1.2rem}.contact-item p{font-size:.9rem}.message-buttons-group{flex-direction:column;gap:15px}.email-button,.direct-email-button{width:100%}.modal-content{padding:15px}.modal-close-btn{font-size:1.5rem;top:10px;right:10px}.modal-content h3{font-size:1.4rem;margin-bottom:20px}.contact-form .form-group{margin-bottom:15px}.contact-form label,.contact-form input,.contact-form textarea{font-size:.85rem}.submit-form-btn{padding:10px;font-size:.9rem}}body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;overflow-x:hidden;display:flex;flex-direction:column;min-height:100vh}.app-footer{background-color:#282c34;color:#e0e0e0;padding:40px 20px;margin-top:auto;border-top:1px solid #3c4048;box-shadow:0 -6px 12px #0000004d}.footer-content{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;gap:30px}.footer-section{flex:1;min-width:250px;max-width:30%}.footer-section p{font-size:.95rem;line-height:1.5}.footer-section p a{color:#61dafb;text-decoration:none;transition:color .3s ease}.footer-section p a:hover{color:#53c0e6;text-decoration:underline}.footer-section h3{font-size:1.3rem;color:#a0a8b3;margin-bottom:20px;position:relative;padding-bottom:8px}.footer-section h3:after{content:"";position:absolute;left:0;bottom:0;width:50px;height:2px;background-color:#61dafb;border-radius:1px}.social-icons{display:flex;gap:20px}.social-icons a{color:#e0e0e0;font-size:24px;transition:color .3s ease,transform .3s cubic-bezier(.25,.46,.45,.94)}.social-icons a:hover{color:#61dafb;transform:translateY(-5px) scale(1.1)}.social-icons a svg{display:block}.other-links-section ul{list-style:none;padding:0;margin:0}.other-links-section li{margin-bottom:10px}.other-links-section a{color:silver;text-decoration:none;font-size:.95rem;transition:color .3s ease,transform .3s ease;display:inline-block}.other-links-section a:hover{color:#61dafb;transform:translate(5px)}.footer-section.copyright-section{flex:0 0 100%;max-width:100%;text-align:center;margin-top:30px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);padding-bottom:0}@media (max-width: 992px){.footer-content{flex-direction:column;align-items:center;text-align:center}.footer-section{max-width:100%;margin-bottom:30px}.footer-section:last-child{margin-bottom:0}.footer-section h3:after{left:50%;transform:translate(-50%)}.social-icons{justify-content:center}.other-links-section ul{display:flex;flex-wrap:wrap;justify-content:center;gap:15px}.other-links-section li{margin-bottom:0}.footer-section.copyright-section{margin-top:20px}}@media (max-width: 768px){.app-footer{padding:30px 15px}.footer-section{min-width:unset}.footer-section h3{font-size:1.2rem}.footer-section p{font-size:.9rem}.social-icons a{font-size:22px}.other-links-section a{font-size:.9rem}}@media (max-width: 480px){.app-footer{padding:20px 10px}.footer-section h3{font-size:1.1rem}.footer-section p{font-size:.85rem}.social-icons{gap:15px}.social-icons a{font-size:20px}.other-links-section a{font-size:.85rem}}.faq-container{background-color:#282c34;color:#e0e0e0;min-height:100vh;padding:2rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}.faq-header{text-align:center;margin-bottom:3rem;padding-bottom:1.5rem;border-bottom:1px solid #444}.faq-header h1{color:#61dafb;font-size:2.5rem;margin-bottom:.5rem;font-weight:700}.faq-header h2{color:#fff;font-size:1.8rem;font-weight:400}.faq-content{max-width:900px;margin:0 auto;background-color:#363c48;padding:2rem;border-radius:8px;box-shadow:0 4px 20px #0000004d}.faq-section{margin-bottom:2.5rem}.faq-section h3{color:#61dafb;font-size:1.4rem;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:1px solid #444}.faq-item{margin-bottom:1.5rem;background-color:#3a404d;padding:1rem;border-radius:5px;transition:transform .2s,box-shadow .2s}.faq-item:hover{transform:translateY(-2px);box-shadow:0 2px 10px #0003}.faq-item h4{color:#fff;font-size:1.1rem;margin-bottom:.8rem;display:flex;align-items:center}.faq-item h4:before{content:"Q:";color:#61dafb;margin-right:.5rem;font-weight:700}.faq-item p{margin-bottom:.5rem;color:#d0d0d0}.faq-item p:before{content:"A:";color:#61dafb;margin-right:.5rem;font-weight:700}.faq-item a{color:#61dafb;text-decoration:none;transition:color .2s}.faq-item a:hover{color:#fff;text-decoration:underline}.faq-update{text-align:center;margin-top:3rem;padding-top:1.5rem;border-top:1px solid #444;color:#999}.faq-update p{margin-bottom:.5rem}@media (max-width: 768px){.faq-container{padding:1rem}.faq-content{padding:1.5rem}.faq-header h1{font-size:2rem}.faq-header h2{font-size:1.5rem}.faq-section h3{font-size:1.2rem}.faq-item{padding:.8rem}}.terms-container{background-color:#282c34;color:#e0e0e0;min-height:100vh;padding:2rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}.terms-header{text-align:center;margin-bottom:3rem;padding-bottom:1.5rem;border-bottom:1px solid #444}.terms-header h1{color:#61dafb;font-size:2.5rem;margin-bottom:.5rem;font-weight:700}.terms-header h2{color:#fff;font-size:1.8rem;font-weight:400}.terms-content{max-width:900px;margin:0 auto;background-color:#363c48;padding:2rem;border-radius:8px;box-shadow:0 4px 20px #0000004d}.terms-section{margin-bottom:2.5rem}.terms-section h3{color:#61dafb;font-size:1.4rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #444}.terms-section p{margin-bottom:1rem;color:#d0d0d0}.terms-section ul{margin-left:1.5rem;margin-bottom:1rem}.terms-section li{margin-bottom:.5rem;color:#d0d0d0}.terms-section a{color:#61dafb;text-decoration:none;transition:color .2s}.terms-section a:hover{color:#fff;text-decoration:underline}.terms-update{text-align:center;margin-top:3rem;padding-top:1.5rem;border-top:1px solid #444;color:#999}.terms-update p{margin-bottom:.5rem}@media (max-width: 768px){.terms-container{padding:1rem}.terms-content{padding:1.5rem}.terms-header h1{font-size:2rem}.terms-header h2{font-size:1.5rem}.terms-section h3{font-size:1.2rem}}.privacy-container{background-color:#282c34;color:#e0e0e0;min-height:100vh;padding:2rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}.privacy-header{text-align:center;margin-bottom:3rem;padding-bottom:1.5rem;border-bottom:1px solid #444}.privacy-header h1{color:#61dafb;font-size:2.5rem;margin-bottom:.5rem;font-weight:700}.privacy-header h2{color:#fff;font-size:1.8rem;font-weight:400}.privacy-content{max-width:900px;margin:0 auto;background-color:#363c48;padding:2rem;border-radius:8px;box-shadow:0 4px 20px #0000004d}.policy-section{margin-bottom:2.5rem}.policy-section h3{color:#61dafb;font-size:1.4rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #444}.policy-section p{margin-bottom:1rem;color:#d0d0d0}.policy-section ul{margin-left:1.5rem;margin-bottom:1rem}.policy-section li{margin-bottom:.5rem;color:#d0d0d0}.policy-section a{color:#61dafb;text-decoration:none;transition:color .2s}.policy-section a:hover{color:#fff;text-decoration:underline}.policy-update{text-align:right;font-style:italic;color:#999;margin-top:2rem;padding-top:1rem;border-top:1px solid #444}@media (max-width: 768px){.privacy-container{padding:1rem}.privacy-content{padding:1.5rem}.privacy-header h1{font-size:2rem}.privacy-header h2{font-size:1.5rem}}.login-container{display:flex;justify-content:center;align-items:center;width:100%;padding:20px;box-sizing:border-box}.login-card{background-color:#282c34;padding:40px 30px;border-radius:12px;box-shadow:0 10px 30px #0006;width:100%;max-width:400px;text-align:center;border:1px solid #3c4048}.login-title{font-size:2.2rem;color:#61dafb;margin-bottom:10px;text-shadow:0 0 8px rgba(97,218,251,.3)}.login-subtitle{font-size:1rem;color:#a0a8b3;margin-bottom:30px}.login-form{display:flex;flex-direction:column;gap:20px}.login-btn{background-color:#61dafb;color:#282c34;padding:14px 25px;border-radius:8px;border:none;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 15px #61dafb66}.login-btn:hover{background-color:#53c0e6;transform:translateY(-3px);box-shadow:0 8px 20px #61dafb99}.login-btn:active{transform:translateY(1px);box-shadow:0 2px 5px #61dafb4d}.register-link-text{font-size:.95rem;color:silver;margin-top:25px}.register-link{color:#61dafb;text-decoration:none;font-weight:600;transition:color .3s ease,text-decoration .3s ease}.register-link:hover{color:#53c0e6;text-decoration:underline}@media (max-width: 768px){.login-card{padding:30px 20px;margin:20px}.login-title{font-size:2rem}.login-subtitle{font-size:.9rem;margin-bottom:25px}.login-form{gap:18px}.form-group label{font-size:.9rem}.form-group input{padding:10px;font-size:.95rem}.login-btn{padding:12px 20px;font-size:1rem}.register-link-text{font-size:.9rem;margin-top:20px}}@media (max-width: 480px){.login-card{padding:25px 15px;margin:15px}.login-title{font-size:1.8rem}.login-subtitle{font-size:.85rem;margin-bottom:20px}.login-form{gap:15px}.form-group label{font-size:.85rem}.form-group input{padding:8px;font-size:.9rem}.login-btn{padding:10px 15px;font-size:.95rem}.register-link-text{font-size:.85rem;margin-top:15px}}.register-container{display:flex;justify-content:center;align-items:center;width:100%;padding:20px;box-sizing:border-box}.register-card{background-color:#282c34;padding:40px 30px;border-radius:12px;box-shadow:0 10px 30px #0006;width:100%;max-width:450px;text-align:center;border:1px solid #3c4048}.register-title{font-size:2.2rem;color:#61dafb;margin-bottom:10px;text-shadow:0 0 8px rgba(97,218,251,.3)}.register-subtitle{font-size:1rem;color:#a0a8b3;margin-bottom:30px}.register-form{display:flex;flex-direction:column;gap:20px}.form-group{text-align:left}.form-group label{display:block;font-size:.95rem;color:silver;margin-bottom:8px;font-weight:500}.form-group input{width:100%;padding:12px;border-radius:8px;border:1px solid #4a4f5a;background-color:#383d47;color:#e0e0e0;font-size:1rem;box-sizing:border-box;transition:border-color .3s ease,box-shadow .3s ease}.form-group input::placeholder{color:#7f8c8d}.form-group input:focus{border-color:#61dafb;box-shadow:0 0 0 3px #61dafb4d;outline:none}.error-message{color:#e74c3c;font-size:.9rem;margin-top:-10px;margin-bottom:15px;text-align:left}.success-message{color:#2ecc71;font-size:.9rem;margin-top:-10px;margin-bottom:15px;text-align:left}.register-btn{background-color:#61dafb;color:#282c34;padding:14px 25px;border-radius:8px;border:none;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 15px #61dafb66}.register-btn:hover{background-color:#53c0e6;transform:translateY(-3px);box-shadow:0 8px 20px #61dafb99}.register-btn:active{transform:translateY(1px);box-shadow:0 2px 5px #61dafb4d}.login-link-text{font-size:.95rem;color:silver;margin-top:25px}.login-link{color:#61dafb;text-decoration:none;font-weight:600;transition:color .3s ease,text-decoration .3s ease}.login-link:hover{color:#53c0e6;text-decoration:underline}@media (max-width: 768px){.register-card{padding:30px 20px;margin:20px}.register-title{font-size:2rem}.register-subtitle{font-size:.9rem;margin-bottom:25px}.register-form{gap:18px}.form-group label{font-size:.9rem}.form-group input{padding:10px;font-size:.95rem}.register-btn{padding:12px 20px;font-size:1rem}.login-link-text{font-size:.9rem;margin-top:20px}}@media (max-width: 480px){.register-card{padding:25px 15px;margin:15px}.register-title{font-size:1.8rem}.register-subtitle{font-size:.85rem;margin-bottom:20px}.register-form{gap:15px}.form-group label{font-size:.85rem}.form-group input{padding:8px;font-size:.9rem}.register-btn{padding:10px 15px;font-size:.95rem}.login-link-text{font-size:.85rem;margin-top:15px}}