*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;color:#2c3e50;background-color:#000;line-height:1.6;display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;display:flex;align-items:center;justify-content:center;background-color:#000}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.hero{background-color:#000;color:#fff;padding:4rem 2rem;text-align:center;position:relative;overflow:hidden;width:100%;max-width:1200px;margin:0 auto}@media (max-width: 768px){.hero{padding:3rem 2rem}}.hero::before{content:"";position:absolute;top:-50%;right:-10%;width:500px;height:500px;background:rgba(52,152,219,.1);border-radius:50%;z-index:0}.hero::after{content:"";position:absolute;bottom:-30%;left:-5%;width:300px;height:300px;background:rgba(52,152,219,.05);border-radius:50%;z-index:0}.hero-container{max-width:1200px;margin:0 auto;position:relative;z-index:1}.hero-container h1{font-size:3.5rem;margin-bottom:3rem;font-weight:700;letter-spacing:-1px}@media (max-width: 768px){.hero-container h1{font-size:2.5rem}}.hero-subtitle{font-size:1.25rem;margin:2rem 0;opacity:.95;font-weight:300;letter-spacing:.5px}.hero-buttons{display:flex;gap:2rem;justify-content:center;margin-top:3rem;flex-wrap:wrap}@media (max-width: 768px){.hero-buttons{flex-direction:column}}.btn{padding:1rem 3rem;border-radius:4px;text-decoration:none;font-weight:500;transition:all .2s ease;display:inline-block;border:none;cursor:pointer}.btn.btn-primary{background-color:#3498db;color:#fff}.btn.btn-primary:hover{background-color:#217dbb;transform:translateY(-2px)}.btn.btn-secondary{background-color:rgba(255,255,255,.2);color:#fff;border:2px solid #fff}.btn.btn-secondary:hover{background-color:#fff;color:#2c3e50;transform:translateY(-2px)}.btn.btn-outline{background-color:rgba(0,0,0,0);color:#fff;border:2px solid #fff}.btn.btn-outline:hover{background-color:#fff;color:#2c3e50}.features{padding:4rem 2rem;background:linear-gradient(180deg, #ecf0f1 0%, #f5f7fa 100%)}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:3rem}.feature-card{background-color:#fff;padding:3rem;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:transform .3s cubic-bezier(.34, 1.56, .64, 1),box-shadow .3s ease,border-color .3s ease;border:2px solid rgba(0,0,0,0);position:relative;overflow:hidden}.feature-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg, #3498db, rgba(0,0,0,0));transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.feature-card h3{margin-bottom:2rem;color:#2c3e50;font-size:1.25rem;display:flex;align-items:center;gap:1rem}.feature-card p{color:#7f8c8d;margin-bottom:2rem;line-height:1.7}.feature-card:hover{transform:translateY(-8px);box-shadow:0 8px 24px rgba(0,0,0,.12);border-color:rgba(52,152,219,.2)}.feature-card:hover::before{transform:scaleX(1)}.feature-link{color:#3498db;text-decoration:none;font-weight:600;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px}.feature-link:hover{gap:10px;color:#217dbb}.content-section{padding:4rem 2rem;background:linear-gradient(180deg, #fff 0%, #f8f9fa 100%)}@media (max-width: 768px){.content-section{padding:3rem 2rem}}.content-section .container{max-width:900px;margin:0 auto}.content-section h2{font-size:2rem;margin-top:4rem;margin-bottom:2rem;color:#2c3e50;position:relative;padding-bottom:2rem}.content-section h2:first-of-type{margin-top:0}.content-section h2::after{content:"";position:absolute;bottom:0;left:0;width:60px;height:4px;background:linear-gradient(90deg, #3498db, rgba(0,0,0,0));border-radius:2px}.content-section h3{font-size:1.25rem;margin:3rem 0 2rem 0;color:#2c3e50}.content-section p{color:#2c3e50;line-height:1.8;margin-bottom:2rem;font-size:1rem}.content-section p:last-child{margin-bottom:0}.content-section ul,.content-section ol{margin-left:4rem;margin-bottom:2rem}.content-section ul li,.content-section ol li{margin-bottom:1rem;color:#2c3e50;line-height:1.8}.content-section ul li::marker,.content-section ol li::marker{color:#3498db;font-weight:600}.content-section ul li strong,.content-section ol li strong{color:#2c3e50;font-weight:600}.content-section a{color:#3498db;text-decoration:none;font-weight:500;border-bottom:2px solid rgba(52,152,219,.3);transition:all .2s ease}.content-section a:hover{border-bottom-color:#3498db;color:#217dbb}.content-section code{background-color:rgba(44,62,80,.05);color:#1a252f;padding:2px 6px;border-radius:3px;font-family:"Courier New",monospace;font-size:.9em;border-left:3px solid #3498db}.content-section pre{background-color:rgba(44,62,80,.95);color:#fff;padding:2rem;border-radius:6px;overflow-x:auto;margin:3rem 0;border-left:4px solid #3498db}.content-section pre code{background-color:rgba(0,0,0,0);color:#fff;padding:0;border:none}.page-content{max-width:900px;margin:0 auto;padding:4rem 0}.page-header{margin-bottom:4rem;border-bottom:2px solid #bdc3c7;padding-bottom:3rem}.page-header h1{margin-bottom:2rem}.page-description{font-size:1.1rem;color:#7f8c8d}.page-body{margin:4rem 0}.page-body h2,.page-body h3,.page-body h4{margin:3rem 0 2rem 0}.page-body p{margin-bottom:2rem}.page-body ul,.page-body ol{margin-left:3rem;margin-bottom:2rem}.page-body ul li,.page-body ol li{margin-bottom:1rem}.page-body code{background-color:#ecf0f1;padding:2px 6px;border-radius:3px;font-family:"Courier New",monospace}.page-body pre{background-color:#2c3e50;color:#fff;padding:2rem;border-radius:4px;overflow-x:auto;margin-bottom:2rem}.page-body pre code{background-color:rgba(0,0,0,0);color:#fff;padding:0}.page-body a{color:#3498db;text-decoration:none}.page-body a:hover{text-decoration:underline}.subsections{margin-top:4rem;padding-top:4rem;border-top:2px solid #bdc3c7}.subsections h2{margin-bottom:3rem}.page-list{list-style:none}.page-list li{margin-bottom:3rem}.page-list li a{color:#3498db;text-decoration:none;font-weight:500;font-size:1.1rem}.page-list li a:hover{text-decoration:underline}.page-list li p{color:#7f8c8d;margin:1rem 0 0 0;font-size:.95rem}.footer{background-color:#1a1a1a;color:#fff;padding:3rem 2rem;text-align:center;margin-top:0}.footer-container{max-width:1200px;margin:0 auto}.footer-container p{margin:1rem 0}.footer-container p a{color:#3498db;text-decoration:none}.footer-container p a:hover{text-decoration:underline}@media (max-width: 768px){html{font-size:14px}h1{font-size:2rem}h2{font-size:1.5rem}.hero h1{font-size:2rem}.navbar-brand{font-size:1.25rem}}