:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-primary:#0f0f23;--bg-secondary:#1a1a2e;--bg-tertiary:#16213e;--accent-primary:#6366f1;--accent-secondary:#a855f7;--text-primary:#e5e7eb;--text-secondary:#9ca3af;--card-bg:#1e1e2ecc;--border-color:#6366f133;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-weight:400;line-height:1.6}body{background:var(--bg-primary);color:var(--text-primary);background-image:radial-gradient(at 0 0,#6366f126 0,#0000 50%),radial-gradient(at 100% 0,#a855f726 0,#0000 50%),radial-gradient(at 100% 100%,#6366f126 0,#0000 50%),radial-gradient(at 0 100%,#a855f726 0,#0000 50%);background-attachment:fixed;min-height:100vh;margin:0;position:relative;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(2px 2px at 20% 30%,#6366f166,#0000),radial-gradient(2px 2px at 60% 70%,#a855f766,#0000),radial-gradient(1px 1px,#6366f14d,#0000),radial-gradient(1px 1px at 80% 10%,#a855f74d,#0000);background-position:0 0;background-size:200% 200%;width:100%;height:100%;animation:20s infinite drift;position:fixed;top:0;left:0}@keyframes drift{0%,to{background-position:0 0}50%{background-position:100% 100%}}#root{z-index:1;min-height:100vh;position:relative}html{scroll-behavior:smooth}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-left:1px solid var(--border-color)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--accent-primary)0%,var(--accent-secondary)100%);border:2px solid var(--bg-secondary);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--accent-secondary)0%,var(--accent-primary)100%)}::selection{color:var(--text-primary);background:#6366f14d}::selection{color:var(--text-primary);background:#6366f14d}.navbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;background:#1a1a2ee6;border-bottom:1px solid #6366f133;position:sticky;top:0;box-shadow:0 8px 32px #6366f133}.navbar:before{content:"";background:linear-gradient(90deg,#0000 0%,#6366f1 25%,#a855f7 50%,#6366f1 75%,#0000 100%) 0 0/200% 100%;height:2px;animation:3s linear infinite shimmerNav;position:absolute;top:0;left:0;right:0}@keyframes shimmerNav{0%{background-position:-200% 0}to{background-position:200% 0}}.navbar-container{justify-content:space-between;align-items:center;max-width:1200px;height:80px;margin:0 auto;padding:0 20px;display:flex}.navbar-logo{color:#fff;letter-spacing:-1px;background:linear-gradient(135deg,#6366f1 0%,#a855f7 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 20px #6366f180);-webkit-background-clip:text;background-clip:text;font-size:2.2rem;font-weight:900;text-decoration:none;transition:all .3s;position:relative}.navbar-logo:after{content:"";background:linear-gradient(90deg,#6366f1,#a855f7);border-radius:2px;width:100%;height:3px;transition:transform .3s;position:absolute;bottom:-5px;left:0;transform:scaleX(0)}.navbar-logo:hover:after{transform:scaleX(1)}.navbar-menu{align-items:center;gap:40px;display:flex}.navbar-link{color:#e5e7eb;border-radius:8px;padding:10px 18px;font-size:1.05rem;font-weight:600;text-decoration:none;transition:all .3s;position:relative}.navbar-link:before{content:"";opacity:0;background:linear-gradient(135deg,#6366f11a,#a855f71a);border-radius:8px;transition:opacity .3s;position:absolute;inset:0}.navbar-link:after{content:"";background:linear-gradient(90deg,#6366f1,#a855f7);border-radius:2px;height:2px;transition:transform .3s;position:absolute;bottom:8px;left:18px;right:18px;transform:scaleX(0)}.navbar-link:hover{color:#fff;transform:translateY(-2px)}.navbar-link:hover:before{opacity:1}.navbar-link:hover:after{transform:scaleX(1)}.navbar-link.active{color:#fff;background:linear-gradient(135deg,#6366f133,#a855f733)}.navbar-link.active:after{transform:scaleX(1)}.navbar-toggle{cursor:pointer;background:#6366f11a;border-radius:8px;flex-direction:column;gap:6px;padding:10px;transition:all .3s;display:none}.navbar-toggle:hover{background:#6366f133}.bar{background:linear-gradient(90deg,#6366f1,#a855f7);border-radius:3px;width:30px;height:3px;transition:all .3s;box-shadow:0 0 10px #6366f180}@media (max-width:768px){.navbar-container{height:70px}.navbar-logo{font-size:1.8rem}.navbar-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;background:#1a1a2efa;border-top:1px solid #6366f133;flex-direction:column;gap:0;width:100%;padding:40px 0;transition:left .4s cubic-bezier(.68,-.55,.265,1.55);position:fixed;top:70px;left:-100%;box-shadow:0 10px 40px #00000080}.navbar-menu.active{left:0}.navbar-link{width:100%;margin:5px 0;padding:20px 40px;font-size:1.2rem;display:block}.navbar-link:before{border-radius:0}.navbar-toggle{display:flex}.navbar-toggle .bar.active:first-child{transform:rotate(-45deg)translate(-8px,8px)}.navbar-toggle .bar.active:nth-child(2){opacity:0;transform:translate(20px)}.navbar-toggle .bar.active:nth-child(3){transform:rotate(45deg)translate(-8px,-8px)}}.footer{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;background:linear-gradient(135deg,#0f0f23f2 0%,#1a1a2ef2 100%);border-top:2px solid #6366f14d;margin-top:100px;position:relative;overflow:hidden}.footer:before{content:"";background:linear-gradient(90deg,#6366f1 0%,#a855f7 50%,#6366f1 100%) 0 0/200% 100%;height:5px;animation:3s linear infinite shimmer;position:absolute;top:0;left:0;right:0;box-shadow:0 0 20px #6366f1cc}@keyframes shimmer{0%,to{background-position:0 0}50%{background-position:100% 100%}}.footer-container{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:50px;max-width:1200px;margin:0 auto;padding:70px 20px 50px;display:grid}.footer-section h3{background:linear-gradient(135deg,#6366f1 0%,#a855f7 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px #6366f180);-webkit-background-clip:text;background-clip:text;margin-bottom:25px;font-size:1.8rem;font-weight:900}.footer-section h4{color:#e5e7eb;margin-bottom:30px;font-size:1.4rem;font-weight:800}.footer-section p{color:#9ca3af;font-size:1.1rem;line-height:2}.footer-section ul{padding:0;list-style:none}.footer-section ul li{margin-bottom:15px;transition:transform .3s}.footer-section ul li:hover{transform:translate(5px)}.footer-section ul li a{color:#d1d5db;font-size:1.05rem;text-decoration:none;transition:all .3s;display:inline-block}.footer-section ul li a:hover{color:#a855f7;text-shadow:0 0 15px #a855f7cc;transform:translate(5px)}.footer-bottom{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0006;border-top:2px solid #6366f14d;padding:30px}.footer-bottom p{color:#9ca3af;letter-spacing:1px;font-size:1rem;font-weight:500}@media (max-width:768px){.footer-container{grid-template-columns:1fr;gap:40px;padding:50px 20px 40px}.footer-section{text-align:center}.footer-section ul li:hover{transform:translate(0)scale(1.05)}}.home-container{max-width:1200px;margin:0 auto;padding:20px;animation:.8s fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.hero-section{text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;background:#1e1e2e99;border:1px solid #6366f133;border-radius:30px;margin-bottom:100px;padding:120px 40px;position:relative;overflow:hidden;box-shadow:0 0 60px #6366f14d,inset 0 0 60px #6366f11a}.hero-section:before{content:"";background:radial-gradient(circle,#6366f133 0%,#0000 50%),radial-gradient(circle,#a855f733 0%,#0000 50%);width:200%;height:200%;animation:20s linear infinite rotate;position:absolute;top:-50%;left:-50%}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-section:after{content:"";background:linear-gradient(45deg,#0000 30%,#6366f11a 50%,#0000 70%) 0 0/200% 200%;animation:3s infinite shimmer;position:absolute;inset:0}.hero-section h1{z-index:1;background:linear-gradient(135deg,#fff 0%,#a855f7 50%,#6366f1 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 30px #6366f180);-webkit-background-clip:text;background-clip:text;margin-bottom:30px;font-size:4.5rem;font-weight:900;line-height:1.2;animation:2s ease-in-out infinite alternate glow;position:relative}@keyframes glow{0%{filter:drop-shadow(0 0 20px #6366f180)}to{filter:drop-shadow(0 0 40px #a855f7cc)}}.hero-section p{z-index:1;color:#d1d5db;letter-spacing:.5px;margin-bottom:50px;font-size:1.6rem;font-weight:300;position:relative}.cta-button{color:#fff;z-index:1;background:linear-gradient(135deg,#6366f1 0%,#a855f7 100%);border:2px solid #ffffff1a;border-radius:50px;padding:20px 60px;font-size:1.2rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block;position:relative;overflow:hidden;box-shadow:0 10px 40px #6366f166,inset 0 -2px 10px #0003}.cta-button:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.cta-button:hover{transform:translateY(-5px)scale(1.05);box-shadow:0 15px 50px #6366f199,inset 0 -2px 10px #0003}.cta-button:hover:before{left:100%}.features-section{padding:60px 0}.features-section h2{text-align:center;color:#e5e7eb;background:linear-gradient(135deg,#fff 0%,#a855f7 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:80px;font-size:3.5rem;font-weight:900;position:relative}.features-section h2:after{content:"";background:linear-gradient(90deg,#6366f1,#a855f7,#6366f1);border-radius:5px;width:100px;height:5px;position:absolute;bottom:-20px;left:50%;transform:translate(-50%);box-shadow:0 0 20px #6366f1cc}.features-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px;display:grid}.feature-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;background:#1e1e2e99;border:2px solid #6366f133;border-radius:25px;padding:50px 35px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;box-shadow:0 10px 40px #0000004d}.feature-card:before{content:"";background:linear-gradient(90deg,#6366f1,#a855f7);height:4px;transition:transform .4s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.feature-card:after{content:"";opacity:0;background:radial-gradient(circle,#6366f126 0%,#0000 70%);transition:opacity .4s;position:absolute;inset:0}.feature-card:hover{border-color:#6366f180;transform:translateY(-15px)scale(1.02);box-shadow:0 20px 60px #6366f166,inset 0 0 20px #6366f11a}.feature-card:hover:before{transform:scaleX(1)}.feature-card:hover:after{opacity:1}.feature-card h3{background:linear-gradient(135deg,#6366f1,#a855f7);-webkit-text-fill-color:transparent;z-index:1;-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-size:2rem;font-weight:800;position:relative}.feature-card p{color:#9ca3af;z-index:1;margin-bottom:30px;font-size:1.1rem;line-height:1.8;position:relative}.feature-card a{color:#6366f1;z-index:1;background:#6366f11a;border:1px solid #6366f14d;border-radius:10px;padding:10px 25px;font-size:1.1rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block;position:relative}.feature-card a:hover{background:#6366f133;border-color:#6366f199;transform:translate(5px);box-shadow:0 5px 20px #6366f14d}.feature-card a:after{content:" →";transition:transform .3s;display:inline-block}.feature-card a:hover:after{transform:translate(5px)}@media (max-width:768px){.hero-section{padding:80px 30px}.hero-section h1{font-size:3rem}.hero-section p{font-size:1.3rem}.features-section h2{font-size:2.5rem}.features-grid{grid-template-columns:1fr;gap:30px}}.media-generator-container{max-width:1200px;margin:0 auto;padding:40px 20px;animation:.6s fadeIn}.media-generator-container h1{text-align:center;background:linear-gradient(135deg,#fff 0%,#a855f7 50%,#6366f1 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 30px #6366f199);-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-size:3.5rem;font-weight:900;animation:2s ease-in-out infinite alternate titleGlow}@keyframes titleGlow{0%{filter:drop-shadow(0 0 20px #6366f180)}to{filter:drop-shadow(0 0 40px #a855f7cc)}}.generator-content{grid-template-columns:1fr 1fr;gap:40px;margin-top:40px;display:grid}@media (max-width:968px){.generator-content{grid-template-columns:1fr}}.generator-form{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e1e2e99;border:2px solid #6366f133;border-radius:25px;padding:45px;transition:all .4s;position:relative;overflow:hidden;box-shadow:0 15px 60px #0006,inset 0 0 30px #6366f11a}.generator-form:before{content:"";background:radial-gradient(circle,#6366f11a 0%,#0000 70%);width:200%;height:200%;animation:15s linear infinite rotateGlow;position:absolute;top:-50%;left:-50%}@keyframes rotateGlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.generator-form:hover{border-color:#6366f166;transform:translateY(-5px);box-shadow:0 20px 80px #6366f14d,inset 0 0 40px #6366f126}.form-group{z-index:1;margin-bottom:30px;position:relative}.form-group label{color:#e5e7eb;letter-spacing:.3px;margin-bottom:12px;font-size:1.1rem;font-weight:700;display:block}.form-group input,.form-group select,.form-group textarea{color:#e5e7eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f0f2380;border:2px solid #6366f14d;border-radius:15px;width:100%;padding:16px 20px;font-family:inherit;font-size:1.05rem;transition:all .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#0f0f23b3;border-color:#6366f1;outline:none;transform:translateY(-2px);box-shadow:0 0 0 4px #6366f126,0 10px 30px #6366f133}.form-group small{color:#9ca3af;margin-top:8px;font-size:.9rem;font-style:italic;display:block}.upload-area{text-align:center;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f0f2366;border:3px dashed #6366f166;border-radius:20px;justify-content:center;align-items:center;min-height:280px;padding:50px;transition:all .4s;display:flex;position:relative;overflow:hidden}.upload-area:before{content:"";opacity:0;background:radial-gradient(circle,#6366f126 0%,#0000 70%);transition:opacity .4s;position:absolute;inset:0}.upload-area:hover{background:#0f0f2399;border-color:#6366f1;transform:scale(1.02);box-shadow:0 10px 40px #6366f14d,inset 0 0 30px #6366f11a}.upload-area:hover:before{opacity:1}.upload-placeholder{flex-direction:column;align-items:center;gap:10px;display:flex}.upload-icon{font-size:3rem}.upload-placeholder p{color:#e5e7eb;margin:0;font-size:1.2rem;font-weight:700}.upload-hint{color:#9ca3af;font-size:1rem}.preview-container{width:100%;position:relative}.preview-image{border-radius:8px;max-width:100%;max-height:300px;margin:0 auto;display:block}.clear-button{color:#fff;cursor:pointer;z-index:2;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:10px;padding:10px 20px;font-weight:700;transition:all .3s;position:absolute;top:15px;right:15px;box-shadow:0 5px 20px #ef444466}.clear-button:hover{transform:scale(1.05);box-shadow:0 8px 30px #ef444499}.generate-button{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:1px;z-index:1;background:linear-gradient(135deg,#6366f1 0%,#a855f7 100%);border:none;border-radius:15px;width:100%;padding:20px;font-size:1.2rem;font-weight:800;transition:all .4s;position:relative;overflow:hidden;box-shadow:0 10px 40px #6366f180,inset 0 -2px 10px #0000004d}.generate-button:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.generate-button:hover{transform:translateY(-3px);box-shadow:0 15px 50px #6366f1b3,inset 0 -2px 10px #0000004d}.generate-button:hover:before{left:100%}.generate-button:active{transform:translateY(-1px)}.generated-media{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e1e2e99;border:2px solid #6366f133;border-radius:25px;padding:45px;animation:.6s cubic-bezier(.68,-.55,.265,1.55) slideIn;box-shadow:0 15px 60px #0006,inset 0 0 30px #6366f11a}@keyframes slideIn{0%{opacity:0;transform:translate(50px)scale(.9)}to{opacity:1;transform:translate(0)scale(1)}}.generated-media h3{color:#e5e7eb;margin-bottom:12px;font-size:2rem;font-weight:800}.preview-note{color:#9ca3af;margin-bottom:20px;font-size:.95rem;font-style:italic}.media-preview{background:#0f0f2380;border:2px solid #6366f14d;border-radius:15px;width:100%;margin-bottom:35px;padding:25px;transition:all .3s;overflow:hidden}.media-preview:hover{border-color:#6366f199;box-shadow:0 10px 40px #6366f14d}.media-preview img{border-radius:5px;width:100%;display:block}.media-preview a{transition:opacity .3s;display:inline-block}.media-preview a:hover{opacity:.8}.html-code{margin-bottom:30px}.html-code h4{color:#667eea;margin-bottom:10px}.html-code pre{color:#f8f8f2;white-space:pre-wrap;word-wrap:break-word;background:#2d2d2d;border-radius:8px;padding:20px;font-size:.9rem;line-height:1.6;overflow-x:auto}.instructions{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#6366f126 0%,#a855f726 100%);border:2px solid #6366f14d;border-left:5px solid #6366f1;border-radius:20px;padding:35px;box-shadow:0 10px 40px #0000004d,inset 0 0 20px #6366f11a}.instructions h4{color:#e5e7eb;margin-bottom:25px;font-size:1.5rem;font-weight:800}.instructions ol{margin-bottom:20px;margin-left:20px}.instructions ol li{color:#d1d5db;margin-bottom:12px;font-size:1.05rem;line-height:1.8}.instructions kbd{color:#6366f1;background:#0f0f23cc;border:1px solid #6366f166;border-radius:5px;padding:4px 8px;font-family:Courier New,monospace;font-size:.95em;font-weight:700;box-shadow:0 2px 8px #6366f14d}.tip-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f0f2399;border:1px solid #6366f14d;border-radius:15px;margin-top:20px;padding:20px}.tip-box .tip{color:#d1d5db;margin-bottom:10px;padding:8px 0}.tip-box .tip:last-child{margin-bottom:0}.tip-box .tip strong{color:#a855f7;font-weight:800}@media (max-width:768px){.media-generator-container h1{font-size:2rem}.upload-area{min-height:150px;padding:20px}.html-code pre{font-size:.8rem}}.newsletter-builder-container{min-height:100vh;padding:40px 20px}.builder-header{text-align:center;margin-bottom:50px;position:relative}.builder-header h1{background:linear-gradient(135deg,#fff 0%,#a855f7 50%,#6366f1 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 30px #6366f199);-webkit-background-clip:text;background-clip:text;margin-bottom:15px;font-size:3.5rem;font-weight:900}.builder-header p{color:#9ca3af;margin-bottom:20px;font-size:1.4rem;font-weight:300}.show-templates-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#a855f7 100%);border:none;border-radius:10px;margin-top:15px;padding:12px 30px;font-size:1rem;font-weight:700;transition:all .3s;box-shadow:0 5px 20px #6366f166}.show-templates-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #6366f199}.builder-layout{grid-template-columns:250px 1fr 320px;gap:25px;max-width:1800px;margin:0 auto;display:grid}.module-palette{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e1e2e99;border:2px solid #6366f133;border-radius:20px;height:fit-content;padding:25px;position:sticky;top:20px;box-shadow:0 15px 60px #0006,inset 0 0 30px #6366f11a}.module-palette h3{color:#e5e7eb;margin-bottom:20px;font-size:1.2rem;font-weight:800}.module-types{flex-direction:column;gap:10px;display:flex}.module-type-btn{color:#e5e7eb;cursor:pointer;background:#0f0f2380;border:2px solid #6366f14d;border-radius:12px;align-items:center;gap:12px;padding:12px 15px;font-size:.95rem;font-weight:600;transition:all .3s;display:flex}.module-type-btn:hover{background:#6366f133;border-color:#6366f1;transform:translate(5px);box-shadow:0 5px 20px #6366f14d}.module-icon{font-size:1.5rem}.module-name{text-align:left;flex:1}.palette-divider{background:linear-gradient(90deg,#0000,#6366f180,#0000);height:2px;margin:25px 0}.action-buttons{flex-direction:column;gap:10px;display:flex}.action-btn{cursor:pointer;text-transform:uppercase;letter-spacing:.5px;border:none;border-radius:12px;padding:12px 20px;font-size:1rem;font-weight:700;transition:all .3s}.action-btn.copy{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#a855f7 100%);box-shadow:0 5px 20px #6366f166}.action-btn.copy:hover{transform:translateY(-2px);box-shadow:0 8px 30px #6366f199}.action-btn.templates{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 5px 20px #10b98166}.action-btn.templates:hover{transform:translateY(-2px);box-shadow:0 8px 30px #10b98199}.action-btn.clear{color:#ef4444;background:#ef444433;border:2px solid #ef44444d}.action-btn.clear:hover{background:#ef44444d;border-color:#ef4444}.builder-canvas{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1e2e66;border:2px solid #6366f133;border-radius:20px;padding:30px;box-shadow:0 15px 60px #0006,inset 0 0 30px #6366f11a}.canvas-header{border-bottom:2px solid #6366f133;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:20px;display:flex}.canvas-header h3{color:#e5e7eb;font-size:1.5rem;font-weight:800}.module-count{color:#a855f7;background:#6366f133;border-radius:20px;padding:6px 15px;font-size:.9rem;font-weight:700}.newsletter-preview{background:#fff;border-radius:15px;max-width:650px;min-height:500px;margin:0 auto;box-shadow:0 10px 40px #0000004d,inset 0 0 20px #6366f10d}.empty-state{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;min-height:500px;display:flex}.empty-icon{opacity:.5;margin-bottom:20px;font-size:5rem}.empty-state h3{color:#9ca3af;margin-bottom:10px;font-size:1.8rem;font-weight:700}.empty-state p{color:#6b7280;font-size:1.1rem}.newsletter-module{cursor:pointer;background:#fff;border:2px solid #0000;border-radius:12px;margin:15px;padding:15px;transition:all .3s;position:relative}.newsletter-module:hover{border-color:#6366f14d;box-shadow:0 5px 20px #6366f126}.newsletter-module.selected{background:#6366f105;border-color:#6366f1;box-shadow:0 5px 30px #6366f14d}.module-controls{z-index:10;gap:5px;display:none;position:absolute;top:-12px;right:10px}.newsletter-module:hover .module-controls,.newsletter-module.selected .module-controls{display:flex}.module-controls button{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f0f23e6;border:2px solid #6366f180;border-radius:8px;padding:6px 12px;font-weight:700;transition:all .3s}.module-controls button:hover{background:#6366f1;border-color:#a855f7;transform:scale(1.1)}.module-controls button.delete{background:#ef4444e6;border-color:#ef444480}.module-controls button.delete:hover{background:#ef4444;border-color:#dc2626}.upload-placeholder{text-align:center;background:#6366f10d;border:3px dashed #6366f14d;border-radius:15px;padding:40px}.upload-label{color:#6366f1;cursor:pointer;font-size:1.1rem;font-weight:700;transition:all .3s;display:inline-block}.upload-label:hover{color:#a855f7;transform:scale(1.05)}.video-input{border:2px solid #6366f14d;border-radius:10px;outline:none;width:100%;padding:12px;font-size:1rem;transition:all .3s}.video-input:focus{border-color:#6366f1;box-shadow:0 0 20px #6366f133}.style-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e1e2e99;border:2px solid #6366f133;border-radius:20px;height:fit-content;max-height:calc(100vh - 40px);padding:25px;position:sticky;top:20px;overflow-y:auto;box-shadow:0 15px 60px #0006,inset 0 0 30px #6366f11a}.style-panel::-webkit-scrollbar{width:8px}.style-panel::-webkit-scrollbar-track{background:#0f0f2380;border-radius:10px}.style-panel::-webkit-scrollbar-thumb{background:linear-gradient(#6366f1,#a855f7);border-radius:10px}.style-editor h3{color:#e5e7eb;text-transform:capitalize;margin-bottom:25px;font-size:1.3rem;font-weight:800}.style-group{margin-bottom:20px}.style-group label{color:#d1d5db;margin-bottom:8px;font-size:.95rem;font-weight:700;display:block}.style-group input[type=text],.style-group input[type=url],.style-group select{color:#e5e7eb;background:#0f0f2380;border:2px solid #6366f14d;border-radius:10px;outline:none;width:100%;padding:10px 12px;font-size:.95rem;transition:all .3s}.style-group input:focus,.style-group select:focus{border-color:#6366f1;box-shadow:0 0 20px #6366f133}.style-group input[type=range]{accent-color:#6366f1;width:calc(100% - 60px);margin-right:10px}.style-group input[type=color]{cursor:pointer;background:#0f0f2380;border:2px solid #6366f14d;border-radius:10px;width:100%;height:45px}.style-group span{color:#a855f7;font-size:.9rem;font-weight:700}.change-image-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#a855f7 100%);border:none;border-radius:10px;width:100%;margin-top:10px;padding:12px;font-weight:700;transition:all .3s}.change-image-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6366f180}.no-selection{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.no-selection-icon{opacity:.5;margin-bottom:20px;font-size:4rem}.no-selection h3{color:#e5e7eb;margin-bottom:10px;font-size:1.3rem}.no-selection p{color:#9ca3af;font-size:1rem;line-height:1.6}@media (max-width:1400px){.builder-layout{grid-template-columns:220px 1fr 280px}}@media (max-width:1200px){.builder-layout{grid-template-columns:1fr}.module-palette,.style-panel{position:static}.module-palette{order:1}.style-panel{order:3}.builder-canvas{order:2}}@media (max-width:768px){.builder-header h1{font-size:2.5rem}.builder-header p{font-size:1.1rem}.newsletter-preview{max-width:100%}.module-type-btn{font-size:.9rem}.builder-canvas{padding:20px}}.template-modal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#0f0f23f2;justify-content:center;align-items:center;padding:20px;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.template-modal-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e1e2ef2;border:2px solid #6366f14d;border-radius:25px;width:100%;max-width:1200px;max-height:90vh;padding:50px;animation:.4s cubic-bezier(.68,-.55,.265,1.55) slideUp;overflow-y:auto;box-shadow:0 25px 100px #0009,inset 0 0 40px #6366f11a}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.template-modal-content::-webkit-scrollbar{width:10px}.template-modal-content::-webkit-scrollbar-track{background:#0f0f2380;border-radius:10px}.template-modal-content::-webkit-scrollbar-thumb{background:linear-gradient(#6366f1,#a855f7);border-radius:10px}.template-modal-header{text-align:center;margin-bottom:40px}.template-modal-header h2{background:linear-gradient(135deg,#fff 0%,#a855f7 50%,#6366f1 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 20px #6366f180);-webkit-background-clip:text;background-clip:text;margin-bottom:15px;font-size:3rem;font-weight:900}.template-modal-header p{color:#9ca3af;font-size:1.2rem}.templates-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px;margin-bottom:40px;display:grid}.template-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;text-align:center;background:#0f0f2399;border:2px solid #6366f14d;border-radius:20px;padding:30px;transition:all .4s cubic-bezier(.68,-.55,.265,1.55)}.template-card:hover{border-color:#6366f1;transform:translateY(-10px)scale(1.05);box-shadow:0 20px 60px #6366f199,inset 0 0 30px #6366f133}.template-thumbnail{background:linear-gradient(135deg,#6366f133 0%,#a855f733 100%);border-radius:15px;justify-content:center;align-items:center;width:100%;height:180px;margin-bottom:20px;display:flex;position:relative;overflow:hidden}.template-thumbnail:before{content:"";background:radial-gradient(circle,#6366f14d 0%,#0000 70%);animation:2s ease-in-out infinite pulse;position:absolute;inset:0}.template-icon{z-index:1;font-size:5rem;position:relative}.template-card h3{color:#e5e7eb;margin-bottom:10px;font-size:1.5rem;font-weight:800}.template-card p{color:#9ca3af;font-size:1rem;line-height:1.6}.close-templates-btn{color:#e5e7eb;cursor:pointer;background:#6366f133;border:2px solid #6366f166;border-radius:12px;width:100%;max-width:400px;margin:0 auto;padding:15px 30px;font-size:1.1rem;font-weight:700;transition:all .3s;display:block}.close-templates-btn:hover{background:#6366f14d;border-color:#6366f1;transform:translateY(-2px);box-shadow:0 8px 30px #6366f166}@media (max-width:768px){.template-modal-content{padding:30px 20px}.template-modal-header h2{font-size:2rem}.templates-grid{grid-template-columns:1fr;gap:20px}.template-card{padding:25px}.template-thumbnail{height:150px}.template-icon{font-size:4rem}}.contact-container{max-width:1200px;margin:0 auto;padding:60px 20px}.contact-container h1{text-align:center;background:linear-gradient(135deg,#fff 0%,#a855f7 50%,#6366f1 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 30px #6366f199);-webkit-background-clip:text;background-clip:text;margin-bottom:15px;font-size:3.5rem;font-weight:900}.subtitle{text-align:center;color:#9ca3af;letter-spacing:.5px;margin-bottom:60px;font-size:1.4rem;font-weight:300}.contact-content{grid-template-columns:1fr 2fr;gap:40px;margin-top:40px;display:grid}@media (max-width:768px){.contact-content{grid-template-columns:1fr}}.contact-info{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e1e2e99;border:2px solid #6366f133;border-radius:20px;padding:40px;transition:all .3s;box-shadow:0 15px 60px #0006,inset 0 0 30px #6366f11a}.contact-info:hover{border-color:#6366f166;box-shadow:0 20px 80px #6366f14d,inset 0 0 40px #6366f126}.contact-info h2{color:#e5e7eb;margin-bottom:30px;font-size:2rem;font-weight:800}.info-item{margin-bottom:30px}.info-item h3{color:#a855f7;margin-bottom:10px;font-size:1.3rem;font-weight:700}.info-item p{color:#d1d5db;font-size:1.05rem;line-height:1.8}.contact-form{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e1e2e99;border:2px solid #6366f133;border-radius:20px;padding:40px;transition:all .3s;box-shadow:0 15px 60px #0006,inset 0 0 30px #6366f11a}.form-group{margin-bottom:30px}.form-group label{color:#e5e7eb;margin-bottom:12px;font-size:1.1rem;font-weight:700;display:block}.form-group input,.form-group textarea{color:#e5e7eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f0f2380;border:2px solid #6366f14d;border-radius:15px;width:100%;padding:16px 20px;font-family:inherit;font-size:1.05rem;transition:all .3s}.form-group input::placeholder,.form-group textarea::placeholder{color:#6b7280}.form-group input:focus,.form-group textarea:focus{background:#0f0f23b3;border-color:#6366f1;outline:none;transform:translateY(-2px);box-shadow:0 0 0 4px #6366f126,0 10px 30px #6366f133}.submit-button{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(135deg,#6366f1 0%,#a855f7 100%);border:none;border-radius:15px;width:100%;padding:20px;font-size:1.2rem;font-weight:800;transition:all .4s;position:relative;overflow:hidden;box-shadow:0 10px 40px #6366f180,inset 0 -2px 10px #0000004d}.submit-button:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.submit-button:hover{transform:translateY(-3px);box-shadow:0 15px 50px #6366f1b3,inset 0 -2px 10px #0000004d}.submit-button:hover:before{left:100%}.about-container{max-width:1200px;margin:0 auto;padding:20px}.about-hero{text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;background:linear-gradient(135deg,#6366f14d 0%,#a855f74d 100%);border:2px solid #6366f14d;border-radius:25px;margin-bottom:60px;padding:80px 40px;position:relative;overflow:hidden;box-shadow:0 20px 80px #0006,inset 0 0 40px #6366f126}.about-hero:before{content:"";background:radial-gradient(circle,#6366f133 0%,#0000 70%);animation:3s ease-in-out infinite pulse;position:absolute;inset:0}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.about-hero h1{z-index:1;filter:drop-shadow(0 0 20px #ffffff80);margin-bottom:20px;font-size:4rem;font-weight:900;position:relative}.about-hero p{z-index:1;color:#e5e7eb;font-size:1.5rem;position:relative}.about-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e1e2e99;border:2px solid #6366f133;border-radius:20px;margin:50px 0;padding:40px;transition:all .3s;box-shadow:0 15px 60px #0006,inset 0 0 30px #6366f11a}.about-section:hover{border-color:#6366f166;transform:translateY(-5px);box-shadow:0 20px 80px #6366f14d,inset 0 0 40px #6366f126}.about-section h2{color:#e5e7eb;margin-bottom:25px;font-size:2.5rem;font-weight:800}.about-section p{color:#d1d5db;font-size:1.2rem;line-height:2}.team-section{margin:60px 0}.team-section h2{text-align:center;color:#e5e7eb;background:linear-gradient(135deg,#fff 0%,#a855f7 50%,#6366f1 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 20px #6366f180);-webkit-background-clip:text;background-clip:text;margin-bottom:50px;font-size:3rem;font-weight:900}.team-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-top:30px;display:grid}.team-member{text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e1e2e99;border:2px solid #6366f133;border-radius:20px;padding:40px;transition:all .4s;box-shadow:0 15px 60px #0006,inset 0 0 30px #6366f11a}.team-member:hover{border-color:#6366f199;transform:translateY(-10px)scale(1.02);box-shadow:0 25px 80px #6366f180,inset 0 0 40px #6366f133}.member-avatar{margin-bottom:20px}.avatar-placeholder{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#a855f7 100%);border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;margin:0 auto;font-size:2.5rem;font-weight:700;transition:all .3s;display:flex;box-shadow:0 10px 40px #6366f199}.team-member:hover .avatar-placeholder{transform:scale(1.1)rotate(5deg);box-shadow:0 15px 60px #6366f1e6}.team-member h3{color:#e5e7eb;margin-bottom:8px;font-size:1.5rem;font-weight:800}.member-role{color:#a855f7;font-size:1.1rem;font-weight:700}.member-bio{color:#9ca3af;margin-top:15px;font-size:1rem;line-height:1.6}.values-section{margin:60px 0}.values-section h2{text-align:center;color:#e5e7eb;background:linear-gradient(135deg,#fff 0%,#a855f7 50%,#6366f1 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 20px #6366f180);-webkit-background-clip:text;background-clip:text;margin-bottom:50px;font-size:3rem;font-weight:900}.values-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;display:grid}.value-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;background:#1e1e2e99;border:2px solid #6366f133;border-radius:20px;padding:40px;transition:all .3s;box-shadow:0 15px 60px #0006,inset 0 0 30px #6366f11a}.value-card:hover{border-color:#6366f1;transform:translateY(-5px);box-shadow:0 20px 80px #6366f180,inset 0 0 40px #6366f133}.value-card h3{color:#a855f7;margin-bottom:20px;font-size:1.8rem;font-weight:800}.value-card p{color:#d1d5db;font-size:1.05rem;line-height:1.8}.privacy-container{max-width:900px;margin:0 auto;padding:60px 20px}.privacy-container h1{background:linear-gradient(135deg,#fff 0%,#a855f7 50%,#6366f1 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 30px #6366f199);text-align:center;-webkit-background-clip:text;background-clip:text;margin-bottom:15px;font-size:3.5rem;font-weight:900}.privacy-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1e2e66;border:2px solid #6366f133;border-radius:20px;margin-bottom:50px;padding:40px}.privacy-section h2{color:#a855f7;margin-top:0;margin-bottom:20px;font-size:2.2rem;font-weight:800}.privacy-section h3{color:#e5e7eb;margin-top:30px;margin-bottom:15px;font-size:1.6rem;font-weight:700}.privacy-section p{color:#d1d5db;margin-bottom:20px;font-size:1.1rem;line-height:2}.privacy-section ul{margin-bottom:20px;margin-left:30px}.privacy-section ul li{color:#d1d5db;margin-bottom:12px;font-size:1.05rem;line-height:2}.terms-container{max-width:900px;margin:0 auto;padding:60px 20px}.terms-container h1{background:linear-gradient(135deg,#fff 0%,#a855f7 50%,#6366f1 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 30px #6366f199);text-align:center;-webkit-background-clip:text;background-clip:text;margin-bottom:15px;font-size:3.5rem;font-weight:900}.last-updated{color:#9ca3af;text-align:center;margin-bottom:50px;font-size:1.1rem;font-style:italic}.terms-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1e2e66;border:2px solid #6366f133;border-radius:20px;margin-bottom:50px;padding:40px}.terms-section h2{color:#a855f7;margin-top:0;margin-bottom:20px;font-size:2.2rem;font-weight:800}.terms-section p{color:#d1d5db;margin-bottom:20px;font-size:1.1rem;line-height:2}.terms-section ul{margin-bottom:20px;margin-left:30px}.terms-section ul li{color:#d1d5db;margin-bottom:12px;font-size:1.05rem;line-height:2}.blog-container{max-width:1200px;margin:0 auto;padding:40px 20px}.blog-header{text-align:center;margin-bottom:60px}.blog-header h1{background:linear-gradient(135deg,#fff 0%,#a855f7 50%,#6366f1 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 30px #6366f199);-webkit-background-clip:text;background-clip:text;margin-bottom:15px;font-size:3.5rem;font-weight:900}.blog-header p{color:#9ca3af;letter-spacing:.5px;font-size:1.4rem;font-weight:300}.blog-filters{flex-wrap:wrap;justify-content:center;gap:15px;margin-bottom:40px;display:flex}.filter-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;color:#d1d5db;background:#1e1e2e99;border:2px solid #6366f14d;border-radius:25px;padding:12px 30px;font-size:1rem;font-weight:600;transition:all .3s}.filter-btn:hover,.filter-btn.active{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#a855f7 100%);border-color:#6366f1;transform:translateY(-2px);box-shadow:0 10px 30px #6366f180}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px;display:grid}.blog-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e1e2e99;border:2px solid #6366f133;border-radius:20px;transition:all .4s;overflow:hidden;box-shadow:0 15px 60px #0006,inset 0 0 30px #6366f11a}.blog-card:hover{border-color:#6366f199;transform:translateY(-10px)scale(1.02);box-shadow:0 25px 80px #6366f180,inset 0 0 40px #6366f133}.blog-image{width:100%;height:250px;position:relative;overflow:hidden}.blog-image img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.blog-card:hover .blog-image img{transform:scale(1.05)}.blog-category{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#6366f1 0%,#a855f7 100%);border-radius:20px;padding:8px 20px;font-size:.9rem;font-weight:700;position:absolute;top:15px;left:15px;box-shadow:0 5px 20px #6366f199}.blog-content{padding:30px}.blog-content h2{color:#e5e7eb;margin-bottom:18px;font-size:1.8rem;font-weight:800;transition:color .3s}.blog-card:hover .blog-content h2{color:#a855f7}.blog-excerpt{color:#9ca3af;margin-bottom:25px;font-size:1.05rem;line-height:1.8}.blog-meta{color:#6b7280;justify-content:space-between;margin-bottom:20px;font-size:1rem;display:flex}.read-more{color:#a855f7;align-items:center;gap:5px;font-weight:800;text-decoration:none;transition:all .3s;display:inline-flex}.read-more:hover{color:#6366f1;transform:translate(5px)}@media (max-width:768px){.blog-grid{grid-template-columns:1fr}}.blog-detail-container{max-width:900px;margin:0 auto;padding:60px 20px}.back-link{color:#a855f7;margin-bottom:40px;font-size:1.1rem;font-weight:800;text-decoration:none;transition:all .3s;display:inline-block}.back-link:hover{color:#6366f1;transform:translate(-5px)}.blog-detail{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e1e2e99;border:2px solid #6366f133;border-radius:25px;margin-bottom:50px;padding:50px;box-shadow:0 15px 60px #0006,inset 0 0 30px #6366f11a}.blog-detail-header{text-align:center;margin-bottom:40px}.blog-detail-category{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#a855f7 100%);border-radius:20px;margin-bottom:25px;padding:8px 20px;font-size:.95rem;font-weight:800;display:inline-block;box-shadow:0 5px 20px #6366f199}.blog-detail h1{color:#e5e7eb;margin-bottom:25px;font-size:3rem;font-weight:900;line-height:1.3}.blog-detail-meta{color:#9ca3af;justify-content:center;gap:30px;font-size:1.05rem;display:flex}.blog-detail-image{border:2px solid #6366f14d;border-radius:20px;width:100%;margin:40px 0;overflow:hidden;box-shadow:0 10px 40px #0000004d}.blog-detail-image img{width:100%;transition:transform .5s;display:block}.blog-detail-image:hover img{transform:scale(1.05)}.blog-detail-content{color:#d1d5db;font-size:1.1rem;line-height:2}.blog-detail-content h2{color:#e5e7eb;margin-top:50px;margin-bottom:25px;font-size:2rem;font-weight:800}.blog-detail-content h3{color:#a855f7;margin-top:40px;margin-bottom:20px;font-size:1.6rem;font-weight:700}.blog-detail-content p{margin-bottom:25px}.blog-detail-content ul{margin:25px 0;padding-left:40px}.blog-detail-content ul li{margin-bottom:15px}.blog-detail-footer{border-top:2px solid #e0e0e0;margin-top:50px;padding-top:30px}.share-section h3{color:#333;margin-bottom:20px}.share-buttons{flex-wrap:wrap;gap:10px;display:flex}.share-btn{color:#667eea;cursor:pointer;background:#fff;border:2px solid #667eea;border-radius:5px;padding:10px 20px;font-weight:700;transition:all .3s}.share-btn:hover{color:#fff;background:#667eea}.related-posts{background:#f9f9f9;border-radius:10px;padding:30px}.related-posts h3{color:#333;margin-bottom:20px;font-size:1.5rem}.related-posts-list{gap:15px;display:grid}.related-post-card{background:#fff;border-radius:8px;padding:20px;text-decoration:none;transition:transform .3s,box-shadow .3s;display:block}.related-post-card:hover{transform:translate(5px);box-shadow:0 2px 10px #0000001a}.related-category{color:#667eea;margin-bottom:8px;font-size:.75rem;font-weight:700;display:inline-block}.related-post-card h4{color:#333;font-size:1.1rem;line-height:1.4}@media (max-width:768px){.blog-detail{padding:20px}.blog-detail h1{font-size:1.8rem}.blog-detail-content h2{font-size:1.4rem}}.app{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1;padding-top:0}*{box-sizing:border-box;margin:0;padding:0}