body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f0f2f5;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}button{border:none;cursor:pointer;outline:none;transition:all .3s ease}button:hover{transform:translateY(-2px)}input{border:2px solid #e1e5e9;outline:none;transition:border-color .3s ease}input:focus{border-color:#667eea}*{box-sizing:border-box;margin:0;padding:0}body{background:#fafafa;color:#1a1a1a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.App{overflow-x:hidden}.container{margin:0 auto;max-width:1200px;padding:0 2rem}.section{padding:6rem 0}.section-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700;margin-bottom:1rem}.section-subtitle{color:#666;font-size:1.25rem;margin-bottom:4rem;max-width:600px}.btn{border-radius:50px;display:inline-block;font-size:1.1rem;padding:1rem 2rem;text-align:center}.btn-primary{box-shadow:0 4px 15px #667eea66}.btn-primary:hover{box-shadow:0 8px 25px #667eea99}.btn-secondary{background:#0000;border:2px solid #667eea;color:#667eea}.btn-secondary:hover{background:#667eea;color:#fff}.float{animation:float 3s ease-in-out infinite}@media (max-width:768px){.container{padding:0 1rem}.section{padding:4rem 0}.section-title{font-size:2.5rem}.section-subtitle{font-size:1.1rem}}.header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a1b25;border-bottom:1px solid #3b82f633;left:0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.header .container{justify-content:space-between;padding:1rem 2rem}.header .container,.logo,.nav-brand{align-items:center;display:flex}.logo{color:inherit;gap:.5rem;text-decoration:none}.logo-icon{font-size:2rem}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700}.nav{align-items:center;display:flex;gap:2rem}.nav-link{color:#fffc;font-size:.95rem;font-weight:500;position:relative;text-decoration:none;transition:all .3s ease}.nav-link:hover{color:#60a5fa}.nav-link:after{background:linear-gradient(135deg,#3b82f6,#8b5cf6);bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-link:hover:after{width:100%}.nav-button{background:none;border:none;cursor:pointer;font-family:inherit;font-size:inherit;padding:0}.nav-blog-btn{background:linear-gradient(135deg,#3b82f633,#8b5cf633);border:1px solid #3b82f64d;border-radius:8px;color:#fff;font-weight:600;padding:8px 16px;transition:all .3s ease}.nav-blog-btn:hover{background:linear-gradient(135deg,#3b82f64d,#8b5cf64d);border-color:#3b82f680;transform:translateY(-2px)}.nav-blog-btn:after{display:none}.nav-link.active{color:#60a5fa;font-weight:600}.nav-link.active:after{width:100%}.nav-actions{gap:1rem}.menu-toggle{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:4px;padding:.5rem}.menu-toggle span{background:#fffc;border-radius:2px;height:3px;transition:all .3s ease;width:25px}.nav-actions{align-items:center;display:flex;gap:16px}.header-auth{margin-left:8px}.nav-actions .btn{align-items:center;border-radius:6px;display:flex;font-size:.875rem;font-weight:500;height:36px;justify-content:center;padding:8px 16px}.nav-actions .btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 8px #3b82f64d;color:#fff}.nav-actions .btn-primary:hover{box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px)}@media (max-width:768px){.nav{background:#0a1628fa;border-bottom:1px solid #3b82f633;box-shadow:0 5px 15px #0000004d;flex-direction:column;left:0;opacity:0;padding:2rem;position:absolute;right:0;top:100%;transform:translateY(-100%);transition:all .3s ease;visibility:hidden}.nav-open{opacity:1;transform:translateY(0);visibility:visible}.menu-toggle{display:flex}.nav-actions{gap:12px}.header-auth{margin-left:0}.nav-link{padding:12px 0;text-align:center;width:100%}.nav-blog-btn{justify-content:center;width:100%}}.google-auth-btn{align-items:center;background-color:#fff;border:1px solid #dadce0;border-radius:6px;color:#3c4043;cursor:pointer;display:flex;font-family:Google Sans,Roboto,arial,sans-serif;font-size:14px;font-weight:500;height:44px;justify-content:center;letter-spacing:.25px;line-height:16px;margin:0;outline:none;padding:0;position:relative;text-align:center;transition:background-color .218s ease-in-out,border-color .218s ease-in-out,box-shadow .218s ease-in-out;vertical-align:middle;white-space:nowrap;width:100%}.google-auth-btn:hover:not(.disabled){background-color:#f8f9fa;border-color:#dadce0;box-shadow:0 1px 3px 0 #3c40434d,0 4px 8px 3px #3c404326}.google-auth-btn:focus:not(.disabled){background-color:#f8f9fa;border-color:#4285f4;box-shadow:0 1px 3px 0 #4285f44d,0 4px 8px 3px #4285f426}.google-auth-btn:active:not(.disabled){background-color:#f1f3f4;border-color:#5f6368;box-shadow:0 2px 3px 0 #3c40434d,0 6px 10px 4px #3c404326}.google-auth-btn.disabled{background-color:#f1f3f4;border-color:#e8eaed;box-shadow:none;color:#9aa0a6;cursor:not-allowed}.google-auth-btn-content{align-items:center;display:flex;gap:12px;justify-content:center;padding:0 12px}.google-logo{flex-shrink:0;height:18px;width:18px}.google-auth-text{color:#3c4043;font-size:14px;font-weight:500;letter-spacing:.25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.google-auth-btn.disabled .google-auth-text{color:#9aa0a6}.google-auth-spinner{align-items:center;display:flex;height:18px;justify-content:center;width:18px}.spinner{animation:spin 1s linear infinite;border:2px solid #e8eaed;border-radius:50%;border-top-color:#4285f4;height:16px;width:16px}.google-auth-btn.error{border-color:#ea4335;box-shadow:0 0 0 1px #ea433580}.google-auth-btn.error:hover:not(.disabled){border-color:#ea4335;box-shadow:0 1px 3px 0 #ea43354d,0 4px 8px 3px #ea433526}@media (max-width:480px){.google-auth-btn{font-size:13px;height:40px}.google-auth-btn-content{gap:10px;padding:0 10px}.google-logo{height:16px;width:16px}.google-auth-text{font-size:13px}}.google-auth-btn:focus{outline:2px solid #4285f4;outline-offset:2px}.google-auth-btn{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1100}.modal-content{animation:modalAppear .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000001a;margin:auto;max-height:calc(100vh - 40px);max-width:400px;overflow-y:auto;width:100%}@keyframes modalAppear{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px 24px 16px}.modal-header h2{color:#1f2937;font-size:1.5rem;font-weight:600;margin:0}.modal-close{background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;font-size:24px;padding:4px;transition:all .2s ease}.modal-close:hover{background-color:#f3f4f6;color:#374151}.google-auth-section{margin-bottom:20px}.auth-divider{align-items:center;display:flex;margin:20px 0;text-align:center}.auth-divider:after,.auth-divider:before{background:#e5e7eb;content:"";flex:1 1;height:1px}.auth-divider span{background:#fff;color:#6b7280;font-size:.875rem;font-weight:500;padding:0 16px}.auth-form{padding:24px}.form-group{margin-bottom:20px}.form-group input{background-color:#fff;border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;font-size:1rem;padding:12px 16px;transition:all .2s ease;width:100%}.form-group input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group input:disabled{background-color:#f9fafb;color:#6b7280;cursor:not-allowed}.password-input{position:relative}.password-toggle{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;font-size:1rem;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:all .2s ease}.password-toggle:hover{background-color:#f3f4f6}.password-toggle:disabled{cursor:not-allowed;opacity:.5}.btn{border-radius:8px;font-weight:500;justify-content:center;padding:12px 24px;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2)}.btn-primary:hover:not(:disabled){box-shadow:0 10px 20px #667eea4d;transform:translateY(-2px)}.btn-primary:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.btn-full{margin-bottom:16px;width:100%}.link-button{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:.875rem;padding:8px 0;text-decoration:underline;transition:color .2s ease}.link-button:hover:not(:disabled){color:#1d4ed8}.link-button:disabled{color:#9ca3af;cursor:not-allowed}.error-message{align-items:center;background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;display:flex;font-size:.875rem;gap:8px;margin-bottom:16px;padding:12px 16px}.error-message:before{content:"⚠️";flex-shrink:0}.validation-error{color:#dc2626;display:block;font-size:.75rem;margin-top:4px}.auth-links{margin-top:16px;text-align:center}.btn:disabled{color:#0000;position:relative}.btn:disabled:after{animation:spin 1s linear infinite;border:2px solid #fff;border-radius:50%;border-top-color:#0000;content:"";height:16px;position:absolute;width:16px}@media (max-width:480px){.modal-overlay{padding:10px}.modal-content{max-height:calc(100vh - 20px);max-width:100%}.auth-form,.modal-header{padding:16px}.modal-header h2{font-size:1.25rem}}.auth-form{padding:20px 24px 24px}.form-group{margin-bottom:18px}.modal-content{max-width:420px}.password-strength{background-color:#e5e7eb;border-radius:2px;height:4px;margin-top:8px;overflow:hidden;transition:all .3s ease}.password-strength.weak{background:linear-gradient(90deg,#ef4444 30%,#e5e7eb 0)}.password-strength.medium{background:linear-gradient(90deg,#f59e0b 60%,#e5e7eb 0)}.password-strength.strong{background:linear-gradient(90deg,#10b981 100%,#e5e7eb 0)}.password-hint{color:#6b7280;display:block;font-size:.75rem;margin-top:4px}.success-message{align-items:center;background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;color:#166534;display:flex;font-size:.875rem;gap:8px;margin-bottom:16px;padding:12px 16px}.success-message:before{content:"✅";flex-shrink:0}.terms-checkbox{align-items:flex-start;display:flex;gap:8px;margin-bottom:20px}.terms-checkbox input[type=checkbox]{flex-shrink:0;margin:2px 0 0;width:auto}.terms-checkbox label{color:#6b7280;font-size:.875rem;line-height:1.4;margin:0}.terms-checkbox a{color:#3b82f6;text-decoration:none}.terms-checkbox a:hover{text-decoration:underline}.form-group.has-error input{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.form-group.has-success input{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}@media (max-width:480px){.modal-content{max-width:95%}.form-group{margin-bottom:16px}.auth-form{padding:16px}}.user-menu-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0000004d;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.user-menu{animation:userMenuAppear .2s ease-out;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 20px 40px #00000026;max-width:320px;min-width:280px;overflow:hidden;position:absolute;right:20px;top:70px}@keyframes userMenuAppear{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.user-menu-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;gap:12px;padding:20px}.user-avatar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;font-size:1.25rem;height:48px;width:48px}.user-info{flex:1 1;min-width:0}.user-name{color:#fff;font-size:1rem;font-weight:600;margin-bottom:2px}.user-email{color:#fffc;font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.verification-status{align-items:center;background:#fbbf241a;border:1px solid #fbbf244d;border-radius:4px;color:#fbbf24;display:flex;font-size:.75rem;gap:4px;margin-top:4px;padding:2px 6px}.user-menu-body{padding:8px 0}.user-menu-item{align-items:center;background:none;border:none;color:#374151;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:12px;padding:12px 20px;text-align:left;transition:all .2s ease;width:100%}.user-menu-item:hover{background-color:#f9fafb;color:#1f2937}.user-menu-item:active{background-color:#f3f4f6}.user-menu-item.logout{color:#dc2626}.user-menu-item.logout:hover{background-color:#fef2f2;color:#b91c1c}.menu-icon{flex-shrink:0;font-size:1rem;text-align:center;width:20px}.menu-separator{border:none;border-top:1px solid #e5e7eb;margin:8px 0}@media (max-width:480px){.user-menu{left:10px;max-width:none;min-width:auto;right:10px}.user-menu-header{padding:16px}.user-avatar{font-size:1rem;height:40px;width:40px}.user-name{font-size:.875rem}.user-email{font-size:.75rem}}.user-menu-item:focus{background-color:#f3f4f6;box-shadow:inset 0 0 0 2px #3b82f6;outline:none}.user-menu-item.logout:focus{background-color:#fef2f2;box-shadow:inset 0 0 0 2px #dc2626}@media (prefers-color-scheme:dark){.user-menu{background:#1f2937;border-color:#374151;box-shadow:0 20px 40px #0006}.user-menu-item{color:#d1d5db}.user-menu-item:hover{background-color:#374151;color:#f9fafb}.user-menu-item:active{background-color:#4b5563}.menu-separator{border-color:#374151}}.user-menu-item.loading{color:#0000;pointer-events:none;position:relative}.user-menu-item.loading:after{animation:spin 1s linear infinite;border:2px solid #d1d5db;border-radius:50%;border-top-color:#3b82f6;content:"";height:16px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:16px}.auth-manager{position:relative}.auth-buttons,.auth-manager{align-items:center;display:flex}.auth-buttons{gap:12px}.auth-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;justify-content:center;padding:8px 16px;text-decoration:none;transition:all .2s ease;white-space:nowrap}.auth-btn-login{background:#0000;border:1px solid #d1d5db;color:#374151}.auth-btn-login:hover{background-color:#f9fafb;border-color:#9ca3af;color:#1f2937}.auth-btn-signup{background:linear-gradient(135deg,#667eea,#764ba2);border:1px solid #0000;color:#fff}.auth-btn-signup:hover{box-shadow:0 6px 16px #667eea4d;transform:translateY(-1px)}.user-info{position:relative}.user-profile-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a;color:#374151;cursor:pointer;display:flex;font-size:.875rem;gap:8px;padding:6px 12px;transition:all .2s ease}.user-profile-btn:hover{background-color:#f9fafb;border-color:#d1d5db;box-shadow:0 4px 8px #0000001f}.user-profile-btn:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.user-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.875rem;font-weight:600;height:32px;justify-content:center;width:32px}.user-name{font-weight:500;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-arrow{color:#6b7280;font-size:.75rem;margin-left:4px;transition:transform .2s ease}.user-profile-btn[aria-expanded=true] .dropdown-arrow{transform:rotate(180deg)}.auth-overlay{background:#0000;bottom:0;left:0;position:fixed;right:0;top:0;z-index:998}.auth-manager.loading .auth-btn,.auth-manager.loading .user-profile-btn{opacity:.7;pointer-events:none}@media (max-width:768px){.auth-buttons{gap:8px}.auth-btn{font-size:.8rem;padding:6px 12px}.user-name{display:none}.user-profile-btn{padding:6px 8px}.dropdown-arrow{margin-left:2px}}@media (max-width:480px){.auth-buttons{gap:6px}.auth-btn-login{font-size:.75rem;padding:6px 10px}.auth-btn-signup{font-size:.75rem;padding:6px 12px}.user-avatar{font-size:.75rem;height:28px;width:28px}}@media (prefers-color-scheme:dark){.auth-btn-login{background:#374151;border-color:#4b5563;color:#f9fafb}.auth-btn-login:hover{background-color:#4b5563;border-color:#6b7280}.user-profile-btn{background:#374151;border-color:#4b5563;color:#f9fafb}.user-profile-btn:hover{background-color:#4b5563;border-color:#6b7280}.dropdown-arrow{color:#9ca3af}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.auth-manager.authenticated{animation:fadeInScale .2s ease-out}.auth-btn-login:active{transform:translateY(1px)}.auth-btn-signup:active{transform:translateY(0)}.user-profile-btn:active{transform:scale(.98)}.auth-manager .notification-dot{animation:pulse 2s infinite;background:#ef4444;border:2px solid #fff;border-radius:50%;height:8px;position:absolute;right:2px;top:2px;width:8px}.auth-btn:focus,.user-profile-btn:focus{outline:2px solid #3b82f6;outline-offset:2px}.auth-manager.error .auth-btn{border-color:#ef4444;color:#dc2626}.auth-manager.error .auth-btn:hover{background-color:#fef2f2}.hero-new{align-items:center;background:linear-gradient(135deg,#0a1628,#1a2332);display:flex;min-height:100vh;overflow:hidden;padding:120px 0 80px;position:relative}.hero-background{z-index:1}.hero-background,.hero-grid{bottom:0;left:0;position:absolute;right:0;top:0}.hero-grid{animation:gridMove 20s linear infinite;background-image:linear-gradient(#3b82f61a 1px,#0000 0),linear-gradient(90deg,#3b82f61a 1px,#0000 0);background-size:50px 50px}.hero-gradient{background:radial-gradient(circle at 50% 50%,#3b82f626 0,#0000 70%);bottom:0;left:0;position:absolute;right:0;top:0}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.hero-new .container{position:relative;z-index:2}.hero-content{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr}.hero-text{color:#fff}.hero-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#3b82f633;border:1px solid #3b82f64d;border-radius:20px;display:inline-block;font-size:.9rem;font-weight:600;margin-bottom:20px;padding:8px 16px}.hero-title{font-size:3.5rem;font-weight:800;letter-spacing:-.02em;line-height:1.2;margin-bottom:24px}.hero-title .highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:#fffc;font-size:1.2rem;line-height:1.8;margin-bottom:32px}.hero-subtitle .highlight-text{color:#60a5fa;font-weight:600}.hero-actions{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:40px}.btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;color:#fff}.btn-secondary:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px)}.hero-trust{border-top:1px solid #ffffff1a;padding-top:20px}.trust-badges{display:flex;flex-wrap:wrap;gap:16px}.trust-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;color:#ffffffe6;display:inline-flex;font-size:.85rem;gap:6px;padding:6px 14px}.hero-visual{position:relative}.hero-dashboard{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172acc;border:1px solid #3b82f64d;border-radius:20px;box-shadow:0 20px 60px #0000004d;padding:24px}.float{animation:float 6s ease-in-out infinite}.dashboard-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.dashboard-title{align-items:center;color:#fff;display:flex;font-size:1.1rem;font-weight:600;gap:8px}.dashboard-icon{font-size:1.5rem}.dashboard-status{align-items:center;color:#ffffffb3;display:flex;font-size:.85rem;gap:8px}.status-dot{animation:pulse 2s ease-in-out infinite;background:#10b981;border-radius:50%;height:8px;width:8px}.status-dot.active{box-shadow:0 0 10px #10b981}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.dashboard-content{min-height:300px;position:relative}.integration-nodes{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);position:relative;z-index:2}.node{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#3b82f61a;border:1px solid #3b82f64d;border-radius:12px;color:#fff;font-size:.85rem;font-weight:500;padding:16px 12px;text-align:center;transition:all .3s ease}.node:hover{background:#3b82f633;border-color:#3b82f680;transform:translateY(-4px)}.connection-lines{bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.connections{height:100%;width:100%}.connection-line{fill:none;stroke:#3b82f64d;stroke-width:2;stroke-dasharray:5,5;animation:dash 20s linear infinite}@keyframes dash{to{stroke-dashoffset:-100}}.differentiators-list{display:flex;flex-direction:column;gap:12px;padding:16px}.diff-item{align-items:center;animation:slideInRight .5s ease-out;animation-fill-mode:both;background:#ffffff80;border-left:3px solid #667eea;border-radius:10px;display:flex;gap:12px;padding:12px 16px;transition:all .3s ease}.diff-item:first-child{animation-delay:.1s;border-left-color:#667eea}.diff-item:nth-child(2){animation-delay:.2s;border-left-color:#764ba2}.diff-item:nth-child(3){animation-delay:.3s;border-left-color:#f093fb}.diff-item:nth-child(4){animation-delay:.4s;border-left-color:#4facfe}.diff-item:nth-child(5){animation-delay:.5s;border-left-color:#43e97b}.diff-item:hover{background:#fffc;box-shadow:0 4px 12px #0000001a;transform:translateX(5px)}.diff-icon{align-items:center;display:flex;font-size:1.8rem;justify-content:center;min-width:40px}.diff-text{display:flex;flex-direction:column;gap:2px}.diff-text strong{color:#1a1a1a;font-size:.95rem;font-weight:700;line-height:1.2}.diff-text small{color:#666;font-size:.75rem;line-height:1.2}.dashboard-footer-link{border-top:1px solid #667eea33;margin-top:8px;padding:12px 16px;text-align:center}.dashboard-footer-link a{color:#667eea;display:inline-block;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s ease}.dashboard-footer-link a:hover{color:#764ba2;transform:translateX(5px)}@keyframes slideInRight{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@media (max-width:1024px){.hero-content{gap:40px;grid-template-columns:1fr}.hero-title{font-size:2.5rem}.hero-visual{order:-1}}@media (max-width:768px){.hero-new{padding:100px 0 60px}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.hero-actions{flex-direction:column}.btn{width:100%}.btn,.trust-badges{justify-content:center}.differentiators-list{gap:10px;padding:12px}.diff-item{gap:10px;padding:10px 12px}.diff-icon{font-size:1.5rem;min-width:35px}.diff-text strong{font-size:.85rem}.diff-text small{font-size:.7rem}}.problems{background:linear-gradient(180deg,#0f172a,#1e293b);overflow:hidden;padding:100px 0;position:relative}.problems:before{background:radial-gradient(circle at 20% 50%,#ef44441a 0,#0000 50%),radial-gradient(circle at 80% 50%,#fb923c1a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.problems .container{position:relative;z-index:2}.section-title{text-align:center}.section-subtitle{margin-bottom:60px;margin-left:auto;margin-right:auto;text-align:center}.problems-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(2,1fr);margin-bottom:60px}.problem-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172a99;border:1px solid #ef444433;border-radius:20px;overflow:hidden;padding:40px;position:relative;transition:all .3s ease}.problem-card:before{background:linear-gradient(90deg,#ef4444,#f97316);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.problem-card:hover{border-color:#ef444466;box-shadow:0 20px 40px #ef444433;transform:translateY(-8px)}.problem-card:hover:before{transform:scaleX(1)}.problem-header{align-items:flex-start;display:flex;gap:20px;margin-bottom:30px}.problem-icon{filter:grayscale(.3);flex-shrink:0;font-size:3rem}.problem-title-group{flex:1 1}.problem-number{background:#ef444433;border:1px solid #ef44444d;border-radius:20px;color:#fca5a5;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:12px;padding:4px 12px;text-transform:uppercase}.problem-title{color:#fff;font-size:1.8rem;font-weight:700;line-height:1.3;margin-bottom:8px}.problem-subtitle{color:#fff9;font-size:1rem;font-weight:500}.problem-content{margin-top:24px}.problem-description{background:#ffffff08;border-left:3px solid #ef444480;border-radius:8px;color:#fffc;font-size:1rem;line-height:1.7;margin-bottom:24px;padding:16px}.problem-impacts{display:flex;flex-direction:column;gap:16px}.impact-item{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;padding:16px;transition:all .3s ease}.impact-item:hover{background:#ffffff0d;border-color:#ef44444d;transform:translateX(8px)}.impact-header{align-items:center;display:flex;gap:12px;margin-bottom:8px}.impact-icon{flex-shrink:0;font-size:1.3rem}.impact-text{color:#fff;font-size:1rem;font-weight:600;line-height:1.4}.impact-detail{color:#fff9;font-size:.9rem;line-height:1.6;margin:0;padding-left:44px}.problems-cta{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#3b82f61a;border:1px solid #3b82f633;border-radius:20px;margin-top:60px;padding:50px 40px;text-align:center}.problems-cta .cta-content h3{color:#fff;font-size:2rem;font-weight:700;margin-bottom:12px}.problems-cta .cta-content p{color:#ffffffb3;font-size:1.1rem;margin-bottom:24px}@media (max-width:1024px){.problems-grid{gap:30px;grid-template-columns:1fr}}@media (max-width:768px){.problems{padding:60px 0}.section-title{font-size:2rem}.section-subtitle{font-size:1rem;margin-bottom:40px}.problem-card{padding:30px 20px}.problem-header{flex-direction:column;gap:16px}.problem-title{font-size:1.5rem}.problems-cta{padding:40px 24px}.problems-cta .cta-content h3{font-size:1.5rem}.problems-cta .cta-content p{font-size:1rem}.impact-detail{margin-top:8px;padding-left:0}}.solution{background:linear-gradient(180deg,#1e293b,#0f172a);overflow:hidden;padding:100px 0;position:relative}.solution:before{background:radial-gradient(circle at 50% 50%,#3b82f626 0,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.solution .container{position:relative;z-index:2}.solution-header{margin-bottom:60px;text-align:center}.section-subtitle{max-width:800px}.solution-main{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1.5fr;margin-bottom:80px}.solution-visual{position:relative}.platform-diagram{aspect-ratio:1;width:100%}.diagram-center,.platform-diagram{align-items:center;display:flex;justify-content:center;position:relative}.diagram-center{animation:float 4s ease-in-out infinite;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;box-shadow:0 20px 60px #3b82f666;flex-direction:column;height:180px;width:180px;z-index:3}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.center-icon{font-size:4rem;margin-bottom:8px}.diagram-center h4{color:#fff;font-size:1rem;font-weight:700;line-height:1.3;text-align:center}.diagram-connections{bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.connection-line{animation:pulse-line 3s ease-in-out infinite;background:linear-gradient(135deg,#3b82f64d,#9333ea4d);position:absolute}.line-1{animation-delay:0s;top:20%}.line-1,.line-2{height:2px;left:10%;width:80%}.line-2{animation-delay:.5s;top:50%}.line-3{animation-delay:1s;height:2px;left:10%;top:80%;width:80%}.line-4{animation-delay:1.5s;height:60%;left:50%;top:20%;width:2px}@keyframes pulse-line{0%,to{opacity:.3}50%{opacity:.8}}.solution-content{color:#fff}.solution-subtitle{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:30px}.components-list{display:flex;flex-direction:column;gap:20px}.component-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172a99;border:1px solid #3b82f633;border-radius:16px;padding:24px;transition:all .3s ease}.component-item:hover{background:#0f172acc;border-color:#3b82f680;box-shadow:0 10px 30px #3b82f633;transform:translateX(8px)}.component-header{align-items:flex-start;display:flex;gap:16px;margin-bottom:16px}.component-icon{flex-shrink:0;font-size:2rem}.component-title-group{flex:1 1}.component-title{color:#fff;font-size:1.2rem;font-weight:700;margin-bottom:4px}.component-description{color:#fff9;font-size:.95rem;margin:0}.component-details{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0 0 0 56px}.component-details li{align-items:center;color:#ffffffb3;display:flex;font-size:.9rem;gap:8px;line-height:1.6}.detail-bullet{color:#10b981;flex-shrink:0;font-weight:700}.solution-benefits{margin-bottom:60px}.benefits-title{color:#fff;font-size:2rem;font-weight:700;margin-bottom:40px;text-align:center}.benefits-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,1fr)}.benefit-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172a99;border:1px solid #3b82f633;border-radius:16px;padding:32px 24px;text-align:center;transition:all .3s ease}.benefit-item:hover{border-color:#3b82f680;box-shadow:0 15px 40px #3b82f64d;transform:translateY(-8px)}.benefit-icon{font-size:3rem;margin-bottom:16px}.benefit-item h4{color:#fff;font-size:1.1rem;font-weight:700;margin-bottom:12px}.benefit-item p{color:#ffffffb3;font-size:.9rem;line-height:1.6;margin:0}.solution-cta{margin-top:60px}.cta-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#3b82f633,#9333ea33);border:1px solid #3b82f64d;border-radius:20px;padding:50px 40px;text-align:center}.cta-box h3{color:#fff;font-size:2rem;font-weight:700;margin-bottom:12px}.cta-box p{color:#ffffffb3;font-size:1.1rem;margin-bottom:28px}@media (max-width:1024px){.solution-main{gap:40px;grid-template-columns:1fr}.platform-diagram{margin:0 auto;max-width:400px}.benefits-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.solution{padding:60px 0}.section-title{font-size:2rem}.section-subtitle{font-size:1rem}.diagram-center{height:140px;width:140px}.center-icon{font-size:3rem}.solution-subtitle{font-size:1.3rem}.component-details{margin-top:12px;padding-left:0}.benefits-grid{grid-template-columns:1fr}.benefits-title{font-size:1.5rem}.cta-box{padding:40px 24px}.cta-box h3{font-size:1.5rem}.cta-box p{font-size:1rem}}.differentiators{background:linear-gradient(180deg,#0f172a,#1e293b);overflow:hidden;padding:100px 0;position:relative}.differentiators:before{background:radial-gradient(circle at 30% 40%,#9333ea1a 0,#0000 50%),radial-gradient(circle at 70% 60%,#3b82f61a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.differentiators .container{position:relative;z-index:2}.differentiators-header{margin-bottom:60px;text-align:center}.section-title{color:#fff;font-size:2.5rem;font-weight:800;letter-spacing:-.02em;margin-bottom:16px}.section-subtitle{color:#ffffffb3;font-size:1.2rem;line-height:1.7;margin:0 auto;max-width:700px}.differentiators-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(2,1fr);margin-bottom:60px}.differentiator-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172a99;border:1px solid #3b82f633;border-radius:20px;cursor:pointer;overflow:hidden;padding:40px;position:relative;transition:all .4s ease}.differentiator-card:before{background:linear-gradient(90deg,#3b82f6,#8b5cf6);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.differentiator-card:hover{background:#0f172acc;border-color:#3b82f680;box-shadow:0 20px 50px #3b82f64d;transform:translateY(-8px)}.differentiator-card:hover:before{transform:scaleX(1)}.card-number{color:#3b82f61a;font-size:4rem;font-weight:900;line-height:1;position:absolute;right:30px;top:20px}.card-icon{display:inline-block;font-size:3rem;margin-bottom:20px}.card-title{color:#fff;font-size:1.5rem;font-weight:700;line-height:1.3;margin-bottom:16px}.card-description{color:#ffffffb3;font-size:1rem;line-height:1.7;margin-bottom:24px}.card-highlights{display:flex;flex-direction:column;gap:14px;margin-bottom:24px}.highlight-item{align-items:flex-start;display:flex;gap:12px}.highlight-dot{background:#3b82f6;border-radius:50%;flex-shrink:0;height:6px;margin-top:8px;width:6px}.highlight-text{color:#fffc;font-size:.9rem;line-height:1.6}.card-stats{border-top:1px solid #ffffff1a;padding-top:20px;text-align:center}.stat-value{color:#3b82f6;font-size:2rem;font-weight:700;margin-bottom:4px}.stat-label{color:#fff9;font-size:.85rem;letter-spacing:.05em;text-transform:uppercase}.differentiators-summary{margin-top:80px}.summary-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#3b82f633,#9333ea33);border:1px solid #3b82f64d;border-radius:20px;padding:60px 50px;text-align:center}.summary-content h3{color:#fff;font-size:2rem;font-weight:700;margin-bottom:32px}.summary-points{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin:0 auto 36px;max-width:800px}.summary-point{align-items:center;background:#0f172a80;border:1px solid #3b82f633;border-radius:12px;display:flex;gap:12px;padding:16px 20px;text-align:left;transition:all .3s ease}.summary-point:hover{background:#0f172ab3;border-color:#3b82f666;transform:translateX(4px)}.point-icon{color:#10b981;flex-shrink:0;font-size:1.5rem;font-weight:700}.summary-point span:last-child{color:#ffffffe6;font-size:.95rem;line-height:1.5}.btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:1rem;font-weight:600;gap:8px;padding:14px 28px;text-decoration:none;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 20px #3b82f666;color:#fff}.btn-primary:hover{box-shadow:0 6px 30px #3b82f699;transform:translateY(-2px)}.btn-large{font-size:1.1rem;padding:16px 36px}.btn-icon{font-size:1.2rem}.fade-in-up{animation:fadeInUp .8s ease-out;animation-fill-mode:both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.differentiators-grid{gap:24px}.differentiators-grid,.summary-points{grid-template-columns:1fr}}@media (max-width:768px){.differentiators{padding:60px 0}.section-title{font-size:2rem}.section-subtitle{font-size:1rem}.differentiator-card{padding:30px 24px}.card-number{font-size:3rem;right:20px;top:15px}.card-title{font-size:1.3rem}.summary-content{padding:40px 24px}.summary-content h3{font-size:1.5rem}.summary-points{gap:12px}}.contact{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:80px 0}.contact .container{margin:0 auto;max-width:1200px;padding:0 20px}.contact h2{font-size:2.5rem;font-weight:700;margin-bottom:20px;text-align:center}.contact>.container>p{font-size:1.2rem;margin-bottom:50px;opacity:.9;text-align:center}.contact-content{grid-gap:60px;align-items:start;display:grid;gap:60px;grid-template-columns:1fr 1fr}.contact-info h3{font-size:1.8rem;font-weight:600;margin-bottom:30px}.contact-item{font-size:1.1rem;line-height:1.6;margin-bottom:20px}.contact-item strong{color:#f0f0f0;display:block;margin-bottom:5px}.contact-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;padding:40px}.form-group{margin-bottom:25px}.form-group label{display:block;font-size:1rem;font-weight:600;margin-bottom:8px}.form-group input,.form-group textarea{background:#ffffffe6;border:none;border-radius:8px;box-sizing:border-box;font-size:1rem;padding:12px 15px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{background:#fff;box-shadow:0 5px 15px #0003;outline:none;transform:translateY(-2px)}.form-group textarea{min-height:120px}.submit-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a52);border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:15px 40px;transition:all .3s ease;width:100%}.submit-btn:hover{background:linear-gradient(135deg,#ff5252,#e53935);box-shadow:0 10px 25px #ff6b6b66;transform:translateY(-2px)}@media (max-width:768px){.contact{padding:60px 0}.contact h2{font-size:2rem}.contact-content{gap:40px;grid-template-columns:1fr}.contact-form{padding:30px 20px}}@media (max-width:480px){.contact h2{font-size:1.8rem}.contact>.container>p{font-size:1rem}.contact-info h3{font-size:1.5rem}}.blog-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding-top:80px}.blog-header{background:#fff;border-bottom:1px solid #e9ecef;margin-bottom:3rem;padding:4rem 0}.blog-header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.blog-header-text{flex:1 1;text-align:left}.blog-header-actions{margin-left:2rem}.create-blog-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:1rem 2rem;transition:all .3s ease}.create-blog-button:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.create-blog-button:active{transform:translateY(0)}.button-icon{font-size:1.2rem}.blog-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#1a1a1a;font-size:3rem;font-weight:800;margin-bottom:1rem}@media (max-width:768px){.blog-header-content{flex-direction:column;gap:2rem;text-align:center}.blog-header-text{text-align:center}.blog-header-actions{margin-left:0}.blog-title{font-size:2rem}.notification{left:10px;max-width:none;right:10px}.error-banner{flex-direction:column;gap:1rem;text-align:center}}.blog-subtitle{color:#666;font-size:1.2rem;line-height:1.6;margin-bottom:0;max-width:600px}.blog-content{padding:2rem 0 4rem}.blog-filters{display:flex;justify-content:center;margin-bottom:3rem}.filter-button{font-weight:500;padding:.75rem 1.5rem}.filter-button.active{border-color:#0000}.loading-container{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;min-height:60vh}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:40px;margin-bottom:1rem;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.notification{align-items:center;animation:slideIn .3s ease-out;background:#fff;border-left:4px solid #4caf50;border-radius:12px;box-shadow:0 4px 20px #0000001a;display:flex;gap:1rem;max-width:400px;padding:1rem 1.5rem;position:fixed;right:20px;top:100px;z-index:1000}.notification.success{border-left-color:#4caf50}.notification.error{border-left-color:#f44336}.notification-close{background:none;border:none;color:#666;cursor:pointer;font-size:1.5rem;margin-left:auto;padding:0}.notification-close:hover{color:#333}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.error-banner{align-items:center;background:#ffebee;border:1px solid #ffcdd2;border-radius:8px;color:#c62828;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1rem}.retry-button{background:#c62828;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:background .3s ease}.retry-button:hover{background:#b71c1c}.filter-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.filter-button{background:#fff;border:2px solid #e9ecef;border-radius:25px;color:#666;cursor:pointer;font-size:.9rem;font-weight:600;min-width:100px;padding:.6rem 1.5rem;transition:all .3s ease}.filter-button:hover{box-shadow:0 5px 15px #667eea33;color:#667eea}.filter-button.active,.filter-button:hover{border-color:#667eea;transform:translateY(-2px)}.filter-button.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 5px 15px #667eea4d;color:#fff}.blog-posts{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:0 auto;max-width:1200px}.blog-post-card{background:#fff;border:1px solid #0000000d;border-radius:20px;box-shadow:0 10px 30px #0000001a;cursor:pointer;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.blog-post-card:before{background:linear-gradient(135deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.blog-post-card:hover:before{transform:scaleX(1)}.blog-post-card:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-5px)}.post-header{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1.5rem}.post-image{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;display:flex;flex-shrink:0;height:60px;justify-content:center;width:60px}.post-emoji{font-size:1.5rem}.post-meta{flex:1 1}.post-category{background:#667eea1a;border-radius:20px;color:#667eea;display:inline-block;font-size:.8rem;font-weight:600;margin-bottom:.5rem;padding:.3rem .8rem}.post-info{align-items:center;color:#666;display:flex;font-size:.9rem;gap:.5rem}.post-divider{color:#ccc}.post-content{margin-bottom:1.5rem}.post-title{color:#1a1a1a;font-size:1.4rem;font-weight:700;line-height:1.3;margin-bottom:.8rem}.post-excerpt{color:#666;font-size:1rem;line-height:1.6;margin-bottom:0}.post-footer{align-items:center;border-top:1px solid #f0f0f0;display:flex;justify-content:space-between;padding-top:1rem}.post-author{color:#666;font-size:.9rem}.author-name{font-weight:500}.post-tags{display:flex;flex-wrap:wrap;gap:.5rem}.post-tag{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;color:#666;font-size:.75rem;font-weight:500;padding:.2rem .6rem}@media (max-width:768px){.blog-container{padding-top:60px}.blog-title{font-size:2.5rem}.blog-subtitle{font-size:1.1rem}.blog-posts{gap:1.5rem;grid-template-columns:1fr;padding:0 1rem}.blog-post-card{padding:1.5rem}.post-header{align-items:center;text-align:center}.post-footer,.post-header{flex-direction:column;gap:1rem}.post-footer{align-items:flex-start}.post-tags{justify-content:flex-start}}.blog-post-detail{background:#fff;min-height:100vh}.post-detail-header{border-bottom:1px solid #e9ecef;margin-bottom:3rem;padding:2rem 0}.back-button{background:none;border:none;color:#667eea;cursor:pointer;font-size:1rem;font-weight:600;margin-bottom:1rem;transition:color .3s ease}.back-button:hover{color:#764ba2}.post-detail-meta{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.post-detail-content{margin:0 auto;max-width:800px}.post-hero{margin-bottom:3rem;text-align:center}.post-hero-image{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:25px;display:flex;height:100px;justify-content:center;margin:0 auto 2rem;width:100px}.post-emoji-large{font-size:3rem}.post-detail-title{color:#1a1a1a;font-size:2.5rem;font-weight:800;line-height:1.2;margin-bottom:1rem}.post-author-info{color:#666;font-size:1.1rem;margin-bottom:2rem}.post-body{color:#333;font-size:1.1rem;line-height:1.8}.post-excerpt-large{background:#f8f9fa;border-left:4px solid #667eea;border-radius:15px;color:#666;font-size:1.3rem;font-style:italic;margin-bottom:2rem;padding:1.5rem}.post-content{margin-bottom:3rem}.post-content h3{color:#1a1a1a;font-size:1.5rem;font-weight:700;margin:2rem 0 1rem}.post-content h4{color:#333;font-size:1.3rem;font-weight:600;margin:1.5rem 0 1rem}.post-content p{margin-bottom:1.5rem}.post-content ol,.post-content ul{margin-bottom:1.5rem;padding-left:1.5rem}.post-content li{margin-bottom:.5rem}.post-content blockquote{background:#f8f9fa;border-left:4px solid #667eea;border-radius:10px;font-style:italic;margin:2rem 0;padding:1.5rem}.post-content cite{color:#666;display:block;font-size:.9rem;font-style:normal;font-weight:600;margin-top:1rem}.post-detail-footer{align-items:center;border-top:1px solid #e9ecef;flex-wrap:wrap;justify-content:space-between;padding:2rem 0}.post-actions,.post-detail-footer{display:flex;gap:1rem}.save-button,.share-button{background:#fff;border:2px solid #e9ecef;border-radius:25px;color:#666;cursor:pointer;font-size:.9rem;font-weight:600;padding:.6rem 1.2rem;transition:all .3s ease}.save-button:hover,.share-button:hover{border-color:#667eea;box-shadow:0 5px 15px #667eea33;color:#667eea;transform:translateY(-2px)}@media (max-width:480px){.blog-header{padding:2rem 0}.blog-title{font-size:2rem}.blog-subtitle{font-size:1rem}.post-title{font-size:1.2rem}.post-excerpt{font-size:.9rem}.filter-buttons{align-items:center;flex-direction:column}.filter-button{width:200px}.post-detail-title{font-size:2rem}.post-detail-footer{align-items:flex-start;flex-direction:column}.post-actions{justify-content:center;width:100%}}.blog-post-form-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.blog-post-form-container{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000001a;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.form-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:24px;padding:24px 24px 0}.form-header h2{color:#1f2937;font-size:1.5rem;font-weight:600;margin:0}.close-button{background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;font-size:24px;padding:8px;transition:all .2s}.close-button:hover{background:#f3f4f6;color:#374151}.blog-post-form{padding:0 24px 24px}.form-row{display:flex;gap:16px;margin-bottom:20px}.form-group{display:flex;flex-direction:column}.form-group.flex-1{flex:1 1}.form-group label{color:#374151;font-size:.875rem;font-weight:500;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;padding:10px 12px;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#ef4444}.form-group textarea{min-height:100px;resize:vertical}.form-group textarea[name=content]{font-family:Courier New,monospace;font-size:.875rem;line-height:1.6;min-height:200px}.error-message{color:#ef4444;font-size:.75rem;margin-top:4px}.submit-error{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;margin-bottom:16px;padding:12px;text-align:center}.emoji-selector{display:flex;flex-wrap:wrap;gap:8px}.emoji-option{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;font-size:1.25rem;padding:8px 12px;transition:all .2s}.emoji-option:hover{background:#f3f4f6;border-color:#d1d5db}.emoji-option.selected{background:#3b82f6;border-color:#3b82f6;color:#fff}.checkbox-label{align-items:center;cursor:pointer;display:flex;gap:8px;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{margin:0;width:auto}.checkbox-text{color:#374151;font-size:.875rem}.form-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:24px}.cancel-button,.submit-button{border:none;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:500;padding:10px 20px;transition:all .2s}.cancel-button{background:#f9fafb;border:1px solid #d1d5db;color:#374151}.cancel-button:hover{background:#f3f4f6;border-color:#9ca3af}.submit-button{background:#3b82f6;color:#fff}.submit-button:hover:not(:disabled){background:#2563eb}.submit-button:disabled{background:#9ca3af;cursor:not-allowed}@media (max-width:768px){.blog-post-form-overlay{padding:10px}.form-row{flex-direction:column;gap:0}.form-group{margin-bottom:16px}.emoji-selector{gap:6px}.emoji-option{font-size:1rem;padding:6px 10px}.form-actions{flex-direction:column}.cancel-button,.submit-button{width:100%}}
/*# sourceMappingURL=main.cbfb843b.css.map*/