:root{--bg-white:#fff;--bg-light:#f5f5f5;--bg-black:#000;--text-black:#000;--text-white:#fff;--text-gray:#666;--text-light:#999;--border:#e0e0e0;--border-dark:#333;--accent:#3b82f6}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-white);color:var(--text-black);min-height:100vh;line-height:1.6;font-size:15px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,h1,h2,h3,h4,h5,h6{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}h1,h2,h3,h4,h5,h6{font-weight:700;letter-spacing:-.02em}.container{max-width:1200px;margin:0 auto;padding:0 40px}.landing-page{min-height:100vh;display:flex;flex-direction:column}.site-header{background:var(--bg-black);color:var(--text-white);position:-webkit-sticky;position:sticky;top:0;z-index:100;border-bottom:1px solid #1a1a1a}.header-container{max-width:1200px;margin:0 auto;padding:0 40px;justify-content:space-between;height:60px}.header-container,.virgo-logo{display:flex;align-items:center}.virgo-logo{gap:2px;text-decoration:none;font-size:20px;font-weight:700;letter-spacing:-.02em;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif}.logo-letter{display:inline-block;color:var(--text-white);transition:all .3s cubic-bezier(.68,-.55,.265,1.55);animation:colorShift 8s ease-in-out infinite;position:relative}.logo-letter:hover{transform:rotateY(1turn) scale(1.2);animation:none}.logo-letter.hovered{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes colorShift{0%,to{color:#fff}16%{color:#667eea}33%{color:#764ba2}50%{color:#f093fb}66%{color:#4facfe}83%{color:#00f2fe}}.site-logo{gap:12px;text-decoration:none;font-size:20px;font-weight:700;letter-spacing:-.02em;color:var(--text-white);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif}.site-logo,.site-nav{display:flex;align-items:center}.site-nav{gap:36px}.site-nav a{color:var(--text-white);text-decoration:none;font-size:14px;font-weight:500;letter-spacing:-.01em;opacity:.7;transition:opacity .2s}.site-nav a.active,.site-nav a:hover{opacity:1}.header-icons{display:flex;align-items:center;gap:20px}.header-icons a,.header-icons button{color:var(--text-white);background:none;border:none;cursor:pointer;opacity:.8;transition:opacity .2s}.header-icons a:hover,.header-icons button:hover{opacity:1}.header-auth{gap:12px}.header-auth,.header-user{display:flex;align-items:center}.header-user{gap:16px}.user-balance{color:var(--text-white);font-size:13px;opacity:.8}.header-auth .btn-ghost{color:hsla(0,0%,100%,.8);font-weight:500;font-size:14px}.header-auth .btn-ghost:hover{color:#fff}.header-auth .btn-white{background:var(--text-white);color:var(--text-black);border:none;font-weight:600;font-size:14px;padding:8px 20px;transition:all .2s}.header-auth .btn-white:hover{background:#f5f5f5;transform:translateY(-1px)}.mobile-menu-btn{display:none;background:none;border:none;cursor:pointer;padding:8px}.mobile-menu-btn span{display:block;width:20px;height:1.5px;background:var(--text-white);margin:5px 0}.btn{padding:12px 28px;border-radius:6px;border:1px solid transparent;font-size:14px;font-weight:600;letter-spacing:-.01em;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif}.btn-sm{padding:8px 18px;font-size:13px}.btn-lg{padding:14px 32px;font-size:15px}.btn-black{background:var(--bg-black);color:var(--text-white);border-color:var(--bg-black);box-shadow:0 1px 2px rgba(0,0,0,.05)}.btn-black:hover{background:#1a1a1a;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.btn-white{background:var(--bg-white);color:var(--text-black);border-color:var(--border);box-shadow:0 1px 2px rgba(0,0,0,.05)}.btn-white:hover{border-color:var(--text-black);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.btn-outline{background:transparent;color:var(--text-black);border-color:var(--border-dark)}.btn-outline:hover{background:var(--bg-black);color:var(--text-white);border-color:var(--bg-black)}.btn-outline-white{background:transparent;color:var(--text-white);border-color:hsla(0,0%,100%,.3)}.btn-outline-white:hover{background:var(--text-white);color:var(--text-black);border-color:var(--text-white)}.btn-ghost{background:transparent;color:var(--text-white);border:none;padding:8px 16px}.hero-modern{min-height:calc(100vh - 60px);background:linear-gradient(135deg,#fafafa,#fff);padding:80px 0}.hero-modern-container{max-width:1400px;margin:0 auto;padding:0 40px;display:flex;flex-direction:column;align-items:center;gap:60px}.hero-modern-content{text-align:center;max-width:800px}.hero-modern-content .hero-label{font-size:12px;font-weight:600;letter-spacing:.1em;color:var(--text-light);margin-bottom:20px;text-transform:uppercase}.hero-modern-content .hero-title{font-size:64px;font-weight:700;line-height:1.1;margin-bottom:24px;color:var(--text-black);letter-spacing:-.03em}.hero-modern-content .hero-desc{font-size:19px;color:var(--text-gray);line-height:1.6;margin-bottom:40px;max-width:600px;margin-left:auto;margin-right:auto;font-weight:400}.hero-modern-content .hero-actions{display:flex;gap:16px;justify-content:center}.hero-modern-preview{width:100%;max-width:1200px;display:flex;flex-direction:column;align-items:center;gap:32px}.preview-window{width:100%;background:var(--bg-white);border-radius:12px;overflow:hidden;box-shadow:0 25px 50px -12px rgba(0,0,0,.15);border:1px solid var(--border)}.preview-header{height:48px;background:#f8f8f8;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 20px;gap:16px}.preview-dots{display:flex;gap:8px}.preview-dots span{width:12px;height:12px;border-radius:50%;background:#ddd}.preview-dots span:first-child{background:#ff5f57}.preview-dots span:nth-child(2){background:#ffbd2e}.preview-dots span:nth-child(3){background:#28ca42}.preview-title{font-size:13px;color:var(--text-gray);font-weight:500}.preview-content{background:#0f172a;aspect-ratio:16/10;display:flex;align-items:center;justify-content:center}.preview-content .preview-svg{width:100%;height:100%;display:block}.hero-modern-preview .hero-indicators{display:flex;gap:12px}.hero-modern-preview .hero-indicators .indicator{width:48px;height:4px;background:#ddd;border:none;cursor:pointer;transition:all .3s;border-radius:2px}.hero-modern-preview .hero-indicators .indicator.active{background:var(--bg-black)}.hero-modern-preview .hero-indicators .indicator:hover{background:#999}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:calc(100vh - 60px)}.hero-visual{background:var(--bg-light);padding:60px;position:relative;overflow:hidden}.hero-graphic,.hero-visual{display:flex;align-items:center;justify-content:center}.hero-graphic{width:100%;max-width:400px;aspect-ratio:1}.hero-graphic svg{width:100%;height:100%}.hero-content{display:flex;flex-direction:column;justify-content:center;padding:80px 60px;background:var(--bg-white)}.hero-label{font-size:11px;font-weight:600;letter-spacing:2px;color:var(--text-light);margin-bottom:24px;text-transform:uppercase}.hero-title{font-size:42px;font-weight:700;line-height:1.2;margin-bottom:24px;color:var(--text-black)}.hero-desc{font-size:15px;color:var(--text-gray);line-height:1.8;margin-bottom:40px}.hero-actions{display:flex;gap:16px}.section{padding:100px 0}.section-light{background:var(--bg-light)}.section-dark{background:var(--bg-black);color:var(--text-white)}.section-header{margin-bottom:60px}.section-label{font-size:11px;font-weight:600;letter-spacing:2px;margin-bottom:16px;text-transform:uppercase}.section-dark .section-label,.section-label{color:var(--text-light)}.section-title{font-size:36px;font-weight:700;line-height:1.2;margin-bottom:16px}.section-desc{font-size:15px;color:var(--text-gray);max-width:600px;line-height:1.8}.section-dark .section-desc{color:#aaa}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1px;gap:1px;background:var(--border);border:1px solid var(--border)}.feature-card{background:var(--bg-white);padding:40px 32px;display:flex;flex-direction:column}.feature-icon{margin-bottom:24px}.feature-icon svg{width:32px;height:32px;stroke-width:1.5}.feature-card h3{font-size:16px;font-weight:600;margin-bottom:12px}.feature-card p{font-size:14px;color:var(--text-gray);line-height:1.7;flex:1 1}.feature-link{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--text-black);text-decoration:none;margin-top:20px;font-weight:500}.feature-link:hover{text-decoration:underline}.feature-link svg{width:14px;height:14px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:60px;gap:60px;text-align:center}.stat-item .stat-number{font-size:56px;font-weight:700;margin-bottom:8px}.stat-item .stat-text{font-size:14px;color:var(--text-gray)}.section-dark .stat-text{color:#aaa}.two-col{display:grid;grid-template-columns:1fr 1fr;grid-gap:80px;gap:80px;align-items:center}.two-col-content .section-label{margin-bottom:16px}.two-col-content .section-title{margin-bottom:20px}.two-col-visual{display:flex;flex-direction:column;gap:20px}.info-card{background:var(--bg-white);border:1px solid var(--border);padding:32px;display:flex;gap:20px;align-items:flex-start}.info-card-icon{flex-shrink:0}.info-card-icon svg{width:28px;height:28px;stroke-width:1.5}.info-card h4{font-size:16px;font-weight:600;margin-bottom:8px}.info-card p{font-size:14px;color:var(--text-gray);line-height:1.6}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:40px;gap:40px}.faq-item{padding-bottom:24px;border-bottom:1px solid var(--border)}.faq-item h4{font-size:15px;font-weight:600;margin-bottom:12px}.faq-item p{font-size:14px;color:var(--text-gray);line-height:1.7}.cta-section{padding:80px 0;text-align:center}.cta-section h2{font-size:32px;font-weight:700;margin-bottom:16px}.cta-section p{font-size:15px;color:#aaa;margin-bottom:32px}.cta-actions{display:flex;justify-content:center;gap:16px}.footer{background:var(--bg-black);color:var(--text-white);padding:60px 0 30px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;grid-gap:60px;gap:60px;margin-bottom:48px}.footer-brand p{color:#888;font-size:14px;margin:20px 0;line-height:1.7}.footer-logo{font-size:18px;font-weight:700;letter-spacing:2px}.footer-social{display:flex;gap:20px}.footer-social a{color:#888;text-decoration:none;font-size:13px}.footer-social a:hover{color:var(--text-white)}.footer-links h4{font-size:12px;font-weight:600;letter-spacing:1px;margin-bottom:20px;text-transform:uppercase}.footer-links a{display:block;color:#888;text-decoration:none;font-size:14px;padding:6px 0}.footer-links a:hover{color:var(--text-white)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:24px;border-top:1px solid #333}.footer-bottom p{color:#666;font-size:13px}.footer-bottom-links{display:flex;gap:24px}.footer-bottom-links a{color:#666;text-decoration:none;font-size:13px}.footer-bottom-links a:hover{color:var(--text-white)}.pricing-section{padding:100px 0}.pricing-section .section-header{text-align:center}.pricing-section .section-desc{margin:0 auto}.billing-toggle{display:flex;justify-content:center;gap:0;border:1px solid var(--border);width:-moz-fit-content;width:fit-content;margin:48px auto}.toggle-btn{padding:12px 24px;border:none;cursor:pointer;font-size:13px;font-weight:500;background:var(--bg-white);color:var(--text-gray);transition:all .2s}.toggle-badge,.toggle-btn.active{background:var(--bg-black);color:var(--text-white)}.toggle-badge{font-size:10px;padding:2px 6px;margin-left:8px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:0;gap:0;border:1px solid var(--border)}.pricing-card{padding:48px 36px;border-right:1px solid var(--border);display:flex;flex-direction:column}.pricing-card:last-child{border-right:none}.pricing-card.featured{background:var(--bg-light)}.pricing-badge{font-size:10px;font-weight:600;letter-spacing:1px;color:var(--text-light);margin-bottom:16px;text-transform:uppercase}.pricing-name{font-size:20px;font-weight:700;margin-bottom:8px}.pricing-desc{font-size:14px;color:var(--text-gray);margin-bottom:24px}.pricing-price-wrap{margin-bottom:32px}.pricing-currency{font-size:20px;font-weight:600}.pricing-price{font-size:48px;font-weight:700}.pricing-period{font-size:14px;color:var(--text-gray)}.pricing-features{list-style:none;margin-bottom:32px;flex:1 1}.pricing-features li{padding:10px 0;font-size:14px;color:var(--text-gray);display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--border)}.pricing-features li:last-child{border-bottom:none}.pricing-features .check{font-weight:700}.features-page{padding:100px 0}.features-page .section-header{text-align:center;margin-bottom:80px}.features-page .section-desc{margin:0 auto}.feature-category{margin-bottom:80px}.category-title{font-size:12px;font-weight:600;letter-spacing:2px;margin-bottom:32px;text-transform:uppercase;color:var(--text-light)}.docs-page{min-height:100vh}.docs-container{display:flex}.docs-sidebar{width:260px;padding:40px 32px;border-right:1px solid var(--border);position:-webkit-sticky;position:sticky;top:60px;height:calc(100vh - 60px);overflow-y:auto}.docs-nav h3{font-size:11px;font-weight:600;letter-spacing:1px;color:var(--text-light);margin-bottom:20px;text-transform:uppercase}.docs-nav-item{display:block;padding:10px 0;color:var(--text-gray);text-decoration:none;font-size:14px;border-bottom:1px solid var(--border)}.docs-nav-item.active,.docs-nav-item:hover{color:var(--text-black)}.docs-nav-item.active{font-weight:600}.docs-content{flex:1 1;padding:60px 80px;max-width:800px}.docs-section{margin-bottom:60px}.docs-section h1{font-size:32px;font-weight:700;margin-bottom:24px}.docs-section h2{font-size:20px;font-weight:600;margin:40px 0 16px}.docs-section h3{font-size:16px;font-weight:600;margin:32px 0 12px}.docs-section ol,.docs-section p,.docs-section ul{color:var(--text-gray);margin-bottom:16px;line-height:1.8}.docs-section ol,.docs-section ul{padding-left:20px}.docs-section li{margin-bottom:8px}.code-block{background:var(--bg-black);padding:24px;margin:20px 0;overflow-x:auto}.code-block pre{font-family:SF Mono,Fira Code,monospace;font-size:13px;color:#e5e7eb;line-height:1.6}.config-table{margin:20px 0;border:1px solid var(--border)}.config-table table{width:100%;border-collapse:collapse}.config-table td,.config-table th{padding:14px 16px;text-align:left;border-bottom:1px solid var(--border);font-size:14px}.config-table th{background:var(--bg-light);font-weight:600;font-size:12px;letter-spacing:.5px}.config-table code{background:var(--bg-light);padding:2px 6px;font-size:13px}.api-endpoint{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid var(--border)}.api-endpoint .method{padding:4px 10px;font-size:11px;font-weight:700;letter-spacing:.5px}.api-endpoint .method.get{background:#e8f5e9;color:#2e7d32}.api-endpoint .method.post{background:#e3f2fd;color:#1565c0}.api-endpoint .method.delete{background:#ffebee;color:#c62828}.api-endpoint code{font-family:SF Mono,monospace;font-size:14px}.api-endpoint p{color:var(--text-light);font-size:13px;margin:0 0 0 auto}.auth-container{min-height:100vh;display:flex}.auth-left{flex:1 1;background:var(--bg-black);display:flex;align-items:center;justify-content:center;padding:60px}.auth-left-content{color:var(--text-white);max-width:400px}.auth-left-content h2{font-size:32px;font-weight:700;margin-bottom:16px}.auth-left-content p{color:#888;font-size:15px;line-height:1.7}.auth-right{flex:1 1;display:flex;align-items:center;justify-content:center;padding:60px}.auth-box{width:100%;max-width:380px}.auth-title{font-size:28px;font-weight:700;margin-bottom:8px}.auth-subtitle{color:var(--text-gray);font-size:14px;margin-bottom:40px}.form-group{margin-bottom:24px}.form-label{display:block;margin-bottom:8px;font-size:13px;font-weight:500}.input,.select{width:100%;padding:14px 16px;border:1px solid var(--border);background:var(--bg-white);color:var(--text-black);font-size:14px}.input:focus,.select:focus{outline:none;border-color:var(--text-black)}.auth-link{margin-top:24px;font-size:14px;color:var(--text-gray)}.auth-link a{color:var(--text-black);text-decoration:none;font-weight:500}.auth-link a:hover{text-decoration:underline}.alert{padding:16px 20px;margin-bottom:24px;font-size:14px;border:1px solid}.alert-success{background:#f0fdf4;color:#166534;border-color:#bbf7d0}.alert-error{background:#fef2f2;color:#991b1b;border-color:#fecaca}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:var(--bg-white);padding:40px;width:90%;max-width:480px}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.modal-title{font-size:20px;font-weight:700}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-gray)}.order-summary{background:var(--bg-light);padding:24px;margin-bottom:24px}.summary-row{display:flex;justify-content:space-between;padding:10px 0;font-size:14px;color:var(--text-gray)}.summary-row.total{border-top:1px solid var(--border);margin-top:12px;padding-top:16px;font-size:18px;font-weight:600;color:var(--text-black)}.dashboard-page{padding:60px 0}.page-title{font-size:28px;font-weight:700;margin-bottom:40px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:0;gap:0;border:1px solid var(--border);margin-bottom:40px}.stat-card{padding:32px;border-right:1px solid var(--border)}.stat-card:last-child{border-right:none}.stat-value{font-size:32px;font-weight:700;margin-bottom:4px}.stat-label{font-size:13px;color:var(--text-gray)}.card{background:var(--bg-white);border:1px solid var(--border);padding:32px}.card,.card-title{margin-bottom:24px}.card-title{font-size:16px;font-weight:600}.table-container{overflow-x:auto}.table{width:100%;border-collapse:collapse}.table td,.table th{padding:16px;text-align:left;border-bottom:1px solid var(--border);font-size:14px}.table th{font-weight:600;font-size:12px;letter-spacing:.5px;color:var(--text-gray);text-transform:uppercase}.badge{padding:4px 12px;font-size:12px;font-weight:500}.badge-success{background:#f0fdf4;color:#166534}.badge-warning{background:#fffbeb;color:#92400e}.badge-danger{background:#fef2f2;color:#991b1b}.badge-info{background:#eff6ff;color:#1e40af}.flex{display:flex}.gap-2{gap:8px}.gap-4{gap:16px}.items-center{align-items:center}.justify-between{justify-content:space-between}.mb-4{margin-bottom:16px}.mt-4{margin-top:16px}.loading,.text-center{text-align:center}.loading{padding:80px;color:var(--text-gray)}@media (max-width:1024px){.hero{grid-template-columns:1fr}.hero-visual{min-height:400px}.hero-modern-content .hero-title{font-size:42px}.hero-modern-container{padding:0 32px;gap:48px}.features-grid{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr;gap:40px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:40px}.pricing-grid{grid-template-columns:1fr}.pricing-card{border-right:none;border-bottom:1px solid var(--border)}.pricing-card:last-child{border-bottom:none}.footer-grid{grid-template-columns:1fr 1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}.stat-card{border-bottom:1px solid var(--border)}}@media (max-width:768px){.container,.header-container{padding:0 24px}.site-nav{display:none;position:absolute;top:60px;left:0;right:0;background:var(--bg-black);flex-direction:column;padding:24px}.site-nav.open{display:flex}.site-nav a{padding:12px 0;border-bottom:1px solid #333}.header-auth{flex-direction:column;width:100%;gap:12px}.header-auth .btn{width:100%}.mobile-menu-btn{display:block}.hero-content{padding:60px 24px}.hero-title{font-size:32px}.hero-modern{padding:60px 0}.hero-modern-container{padding:0 20px;gap:40px}.hero-modern-content .hero-title{font-size:32px}.hero-modern-content .hero-desc{font-size:16px}.hero-modern-content .hero-actions{flex-direction:column;width:100%}.hero-modern-content .hero-actions .btn{width:100%}.preview-header{height:40px;padding:0 16px}.preview-dots span{width:10px;height:10px}.preview-title{font-size:12px}.faq-grid,.features-grid,.footer-grid{grid-template-columns:1fr}.footer-grid{gap:40px}.footer-bottom{flex-direction:column;gap:16px;text-align:center}.docs-sidebar{display:none}.docs-content{padding:40px 24px}.auth-container{flex-direction:column}.auth-left{display:none}.stat-grid{grid-template-columns:1fr}}