@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@700&family=Open+Sans:wght@400;600&family=Bebas+Neue&family=Lato:wght@400;700&display=swap";:root{--primary-navy:#072b3c;--primary-steel:#336a89;--accent-sky:#00aeef;--accent-gold:#fcb034;--bg-color:#f4f7f9;--text-color:#333}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);font-family:Open Sans,Lato,sans-serif;line-height:1.6}h1,h2,h3,h4,h5,h6{color:var(--primary-navy);margin-bottom:1rem;font-family:Montserrat,Bebas Neue,sans-serif}a{color:var(--primary-steel);text-decoration:none}a:hover{color:var(--accent-sky)}.app-container{flex-direction:column;min-height:100vh;display:flex}.app-header{background-color:var(--primary-navy);color:#fff;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;box-shadow:0 2px 10px #0000001a}.logo-placeholder{letter-spacing:1px;font-family:Bebas Neue,sans-serif;font-size:1.8rem}.file-info{opacity:.9;font-size:.9rem}.app-main{flex-direction:column;flex:1;width:100%;max-width:1000px;margin:0 auto;padding:2rem;display:flex}.dropzone{border:3px dashed var(--primary-steel);background-color:#fff;border-radius:20px;flex:1;justify-content:center;align-items:center;min-height:400px;transition:all .3s;display:flex}.dropzone.dragging{border-color:var(--accent-sky);background-color:#00aeef0d;transform:scale(1.02)}.dropzone-content{text-align:center}.dropzone-content .icon{margin-bottom:1rem;font-size:4rem}.dropzone-content h2{margin-bottom:.5rem}.dropzone-content p{color:#666;margin:1rem 0}.btn{cursor:pointer;text-transform:uppercase;letter-spacing:.5px;border:none;border-radius:50px;padding:.8rem 2rem;font-family:Open Sans,sans-serif;font-weight:600;transition:all .3s;display:inline-block}.btn-primary{background-color:var(--accent-sky);color:#fff}.btn-primary:hover{background-color:var(--primary-steel);box-shadow:0 4px 15px #00aeef4d}.btn-secondary{color:#fff;background-color:#0000;border:2px solid #fff;padding:.5rem 1.5rem;font-size:.8rem}.btn-secondary:hover{color:var(--primary-navy);background-color:#fff}.preview-container{background-color:#fff;border-radius:12px;padding:3rem;box-shadow:0 10px 30px #0000000d}.markdown-body{color:#24292f;word-wrap:break-word;font-size:16px;line-height:1.5}.markdown-body h1,.markdown-body h2{border-bottom:1px solid #eaecef;margin-top:24px;margin-bottom:16px;padding-bottom:.3em;font-weight:600}.markdown-body p,.markdown-body ul,.markdown-body ol{margin-bottom:16px}.markdown-body ul,.markdown-body ol{padding-left:2em}.markdown-body code{background-color:#afb8c133;border-radius:6px;margin:0;padding:.2em .4em;font-size:85%}.markdown-body pre{background-color:#f6f8fa;border-radius:6px;margin-bottom:16px;padding:16px;font-size:85%;line-height:1.45;overflow:auto}.markdown-body pre code{background-color:#0000;padding:0}.markdown-body blockquote{color:#656d76;border-left:.25em solid #d0d7de;margin-bottom:16px;padding:0 1em}.app-footer{text-align:center;color:#666;background-color:#eee;padding:1.5rem;font-size:.8rem}