@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap");*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#222;background:#fff;font-weight:400;overflow-x:hidden}#root,.app-container,body{min-height:100vh;position:relative}#root,.app-container{background:transparent;z-index:1;padding:70px 0 0}.card{background:#fff;border-radius:4px;border:1px solid #f0f0f0;box-shadow:0 1px 3px rgba(0,0,0,.05);transition:all .2s ease;position:relative;overflow:hidden}.card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.08)}h1,h2,h3,h4,h5,h6{font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-bottom:.5rem;color:#000}h1{font-size:clamp(2.5rem,5vw,4rem);margin-bottom:1.5rem;font-weight:900}h2{font-size:clamp(2rem,4vw,3rem);font-weight:800}h3{font-size:clamp(1.5rem,3vw,2rem);font-weight:700}h4{font-size:clamp(1.25rem,2.5vw,1.5rem);font-weight:600}p{margin-bottom:1rem;color:#666;font-size:1rem;line-height:1.8;font-weight:400}button{font-family:inherit;font-weight:500;cursor:pointer;border:none;border-radius:0;transition:all .2s ease;position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:.05em}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:#000;color:#fff;padding:1rem 2.5rem;font-size:.875rem;font-weight:600;border:2px solid #000;transition:all .2s ease;position:relative}.btn-primary:hover:not(:disabled),.btn-secondary{background:#fff;color:#000}.btn-secondary{padding:1rem 2.5rem;font-size:.875rem;font-weight:600;border:2px solid #000;transition:all .2s ease}.btn-secondary:hover:not(:disabled){background:#000;color:#fff}.btn-accent{background:transparent;color:#000;padding:.75rem 2rem;font-size:.875rem;font-weight:500;border:none;border-bottom:2px solid #000;border-radius:0;transition:all .2s ease}.btn-accent:hover:not(:disabled){transform:translateX(5px);padding-left:2.5rem}.btn-minimal{background:none;color:#666;padding:.5rem 1rem;font-size:.875rem;font-weight:500;border:none;transition:all .2s ease;text-transform:none;letter-spacing:normal}.btn-minimal:hover:not(:disabled){color:#000}.btn-sm{padding:.5rem 1.5rem;font-size:.75rem}.btn-lg{padding:1.25rem 3rem;font-size:1rem}input,select,textarea{font-family:inherit;font-size:.95rem;padding:.75rem 0;border:none;border-bottom:1px solid #e0e0e0;border-radius:0;transition:all .2s ease;background:transparent;width:100%}input:focus,select:focus,textarea:focus{outline:none;border-bottom-color:#000;background:transparent}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fadeIn{animation:fadeIn .6s ease-out}.animate-slideInUp{animation:slideInUp .6s ease-out}.animate-pulse{animation:pulse 2s infinite}.animate-spin{animation:spin 1s linear infinite}.space-y-1>*+*{margin-top:.25rem}.space-y-2>*+*{margin-top:.5rem}.space-y-3>*+*{margin-top:.75rem}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}.space-y-8>*+*{margin-top:2rem}.space-y-12>*+*{margin-top:3rem}.space-y-16>*+*{margin-top:4rem}.grid-1{display:grid;grid-template-columns:1fr}.grid-2{display:grid;grid-template-columns:repeat(2,1fr)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr)}.grid-auto{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.status-success{color:#38a169;background:rgba(56,161,105,.1);border:1px solid rgba(56,161,105,.2);border-radius:6px}.status-success,.status-warning{padding:.5rem 1rem;font-weight:500}.status-warning{color:#d69e2e;background:rgba(214,158,46,.1);border:1px solid rgba(214,158,46,.2);border-radius:6px}.status-error{color:#e53e3e;background:rgba(229,62,62,.1);border:1px solid rgba(229,62,62,.2);border-radius:6px}.status-error,.status-info{padding:.5rem 1rem;font-weight:500}.status-info{color:#3182ce;background:rgba(49,130,206,.1);border:1px solid rgba(49,130,206,.2);border-radius:6px}.viewer-container{border-radius:16px;overflow:hidden;box-shadow:0 12px 32px rgba(0,0,0,.15),0 4px 16px rgba(0,0,0,.1);border:1px solid hsla(0,0%,100%,.2);background:#1a1a1a}.pricing-panel{background:#fff;border:1px solid #f0f0f0;padding:2rem}.price-breakdown{border-top:1px solid #f0f0f0;padding-top:1rem;margin-top:1rem}.service-status{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .75rem;border-radius:20px;font-size:.875rem;font-weight:500}.service-status.online{background:rgba(56,161,105,.1);color:#38a169;border:1px solid rgba(56,161,105,.2)}.service-status.offline{background:rgba(229,62,62,.1);color:#e53e3e;border:1px solid rgba(229,62,62,.2)}.service-status.degraded{background:rgba(214,158,46,.1);color:#d69e2e;border:1px solid rgba(214,158,46,.2)}@media (max-width:768px){#root,.app-container{padding:1rem}.grid-2,.grid-3,.grid-auto{grid-template-columns:1fr}h1{font-size:2rem}.btn-primary,.btn-secondary{width:100%;padding:1rem}}@media (max-width:480px){#root,.app-container{padding:.75rem}.card{padding:1rem}.card,.pricing-panel{border-radius:12px}}@media print{body{background:#fff!important;color:#000!important}.card{box-shadow:none!important;border:1px solid #ccc!important}}@media (prefers-contrast:high){.card{background:#fff}.card,button{border:2px solid #000}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:focus-visible{outline:2px solid #3498db;outline-offset:2px}.dev-dashboard{position:fixed;bottom:1rem;right:1rem;background:rgba(0,0,0,.9);color:#fff;padding:1rem;border-radius:8px;font-family:Monaco,Menlo,Consolas,monospace;font-size:.75rem;z-index:1000;max-width:300px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dev-dashboard h4{color:#3498db;margin-bottom:.5rem;font-size:.875rem}.service-item{display:flex;justify-content:space-between;align-items:center;padding:.25rem 0;border-bottom:1px solid hsla(0,0%,100%,.1)}.service-item:last-child{border-bottom:none}