:root{--bsc-yellow: #F0B90B;--bsc-yellow-glow: rgba(240, 185, 11, .3);--bsc-dark: #0B0E11;--bsc-darker: #06080A;--bsc-card: rgba(30, 35, 41, .7);--bsc-card-hover: rgba(43, 49, 57, .9);--bsc-border: rgba(43, 49, 57, .6);--bsc-text: #EAECEF;--bsc-light-gray: #848E9C;--bsc-green: #0ECB81;--bsc-red: #F6465D;--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .05);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .3);--gradient-text: linear-gradient(135deg, #F0B90B 0%, #F8D33A 100%)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background-color:var(--bsc-dark);background-image:radial-gradient(circle at 15% 50%,rgba(240,185,11,.05) 0%,transparent 25%),radial-gradient(circle at 85% 30%,rgba(14,203,129,.05) 0%,transparent 25%);color:var(--bsc-text);min-height:100vh;line-height:1.6}.app{min-height:100vh;display:flex;flex-direction:column}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.header{background:#0b0e11cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--bsc-border);padding:1rem 0;position:sticky;top:0;z-index:100}.header-content{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:1rem;text-decoration:none}.logo-icon{font-size:2rem;filter:drop-shadow(0 0 10px var(--bsc-yellow-glow))}.logo-text{font-size:1.25rem;font-weight:700;color:var(--bsc-text);letter-spacing:-.02em}.logo-subtitle{font-size:.75rem;color:var(--bsc-light-gray);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.nav-links{display:flex;gap:.5rem;background:#ffffff08;padding:.25rem;border-radius:99px;border:1px solid var(--glass-border)}.nav-link{color:var(--bsc-light-gray);text-decoration:none;padding:.5rem 1.25rem;border-radius:99px;transition:all .3s ease;font-size:.9rem;font-weight:500}.nav-link:hover{color:var(--bsc-text)}.nav-link.active{background-color:var(--bsc-yellow);color:var(--bsc-dark);font-weight:600;box-shadow:0 0 15px var(--bsc-yellow-glow)}.hero{text-align:center;padding:6rem 0 4rem;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:100%;height:100%;background:linear-gradient(transparent 95%,#f0b90b08 95%),linear-gradient(90deg,transparent 95%,rgba(240,185,11,.03) 95%);background-size:40px 40px;z-index:-1;-webkit-mask-image:radial-gradient(circle at center,black 40%,transparent 80%);mask-image:radial-gradient(circle at center,black 40%,transparent 80%)}.hero-badge{display:inline-block;background:#f0b90b1a;color:var(--bsc-yellow);padding:.5rem 1rem;border-radius:99px;font-size:.85rem;font-weight:600;margin-bottom:1.5rem;border:1px solid rgba(240,185,11,.2);box-shadow:0 0 20px #f0b90b1a}.hero-title{font-size:4rem;line-height:1.1;margin-bottom:1.5rem;font-weight:800;letter-spacing:-.03em}.text-gradient{background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;color:var(--bsc-light-gray);max-width:700px;margin:0 auto 3rem;line-height:1.6}.hero-actions{display:flex;gap:1.5rem;justify-content:center}.quick-start-section{padding:2rem 0 4rem}.glass-card{background:var(--bsc-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:20px;padding:2.5rem;box-shadow:var(--glass-shadow);transition:transform .3s ease,border-color .3s ease}.glass-card:hover{border-color:#f0b90b4d}.glass-card.prominent{background:linear-gradient(145deg,#1e2329e6,#14181ce6);border:1px solid rgba(240,185,11,.2);box-shadow:0 20px 40px #0006}.card-header{display:flex;align-items:flex-start;gap:1.5rem;margin-bottom:2rem}.header-icon-box{background:#f0b90b1a;width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(240,185,11,.2)}.header-icon-box .icon{font-size:2rem}.card-title{font-size:1.75rem;color:var(--bsc-text);margin-bottom:.5rem}.card-subtitle{color:var(--bsc-light-gray);font-size:1.1rem}.code-display{background:#0d1117;border-radius:12px;border:1px solid #30363D;overflow:hidden;font-family:SF Mono,Monaco,Andale Mono,monospace}.code-header{background:#161b22;padding:.75rem 1rem;display:flex;align-items:center;gap:.5rem;border-bottom:1px solid #30363D}.dot{width:12px;height:12px;border-radius:50%}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27c93f}.code-title{color:#8b949e;font-size:.85rem;margin-left:.5rem}.code-content{padding:1.5rem;color:#c9d1d9;font-size:.95rem}.comment{color:#8b949e;margin-bottom:.5rem}.url-box{background:#388bfd1a;border:1px solid rgba(56,139,253,.4);color:#58a6ff;padding:.75rem 1rem;border-radius:6px;display:inline-block;font-weight:500;margin-bottom:.5rem}.code-list{list-style:none;margin-top:.5rem}.code-list li{margin-bottom:.4rem;display:flex;align-items:center;gap:.5rem}.check{color:var(--bsc-green)}.features-section{padding:4rem 0}.section-header{text-align:center;margin-bottom:4rem}.section-header h2{font-size:2.5rem;margin-bottom:1rem}.section-header p{color:var(--bsc-light-gray);font-size:1.2rem}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.feature-card{background:var(--bsc-card);border:1px solid var(--bsc-border);border-radius:16px;padding:2rem;transition:all .3s ease}.feature-card:hover{transform:translateY(-5px);border-color:var(--bsc-yellow);box-shadow:0 10px 30px #0000004d}.feature-icon{font-size:2.5rem;margin-bottom:1.5rem;background:#ffffff0d;width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center}.feature-card h3{font-size:1.25rem;margin-bottom:1rem;color:var(--bsc-text)}.feature-card p{color:var(--bsc-light-gray);font-size:.95rem;line-height:1.6}.workflow-section{padding:6rem 0;background:#0003}.workflow-steps{display:flex;justify-content:space-between;align-items:flex-start;margin-top:4rem}.workflow-step{flex:1;text-align:center;position:relative}.step-number{font-size:4rem;font-weight:900;color:#ffffff08;position:absolute;top:-40px;left:50%;transform:translate(-50%);z-index:0}.step-content{position:relative;z-index:1;background:var(--bsc-darker);border:1px solid var(--bsc-border);padding:2rem 1.5rem;border-radius:16px;margin:0 1rem}.step-content h3{color:var(--bsc-yellow);margin-bottom:.75rem;font-size:1.2rem}.step-content p{font-size:.9rem;color:var(--bsc-light-gray)}.workflow-connector{flex:0 0 50px;height:2px;background:var(--bsc-border);margin-top:3.5rem}.contract-section{padding:4rem 0 6rem}.contract-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.contract-item{background:#0003;padding:1rem 1.5rem;border-radius:12px;display:flex;justify-content:space-between;align-items:center}.contract-item.full-width{grid-column:span 2}.contract-item .label{color:var(--bsc-light-gray);font-size:.9rem}.contract-item .value{color:var(--bsc-text);font-weight:500}.contract-item .value.mono{font-family:SF Mono,Monaco,monospace;font-size:.9rem}.contract-item .value.highlight{color:var(--bsc-yellow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:.75rem 1.5rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;text-decoration:none}.btn-lg{padding:1rem 2rem;font-size:1.1rem}.btn-primary{background:var(--bsc-yellow);color:var(--bsc-dark);box-shadow:0 0 20px #f0b90b4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 30px #f0b90b80}.btn-secondary{background:#ffffff0d;color:var(--bsc-text);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:#ffffff1a;border-color:var(--bsc-text)}.footer{border-top:1px solid var(--bsc-border);padding:3rem 0;text-align:center;margin-top:auto;background:#0000004d}.footer-text{color:var(--bsc-light-gray);font-size:.9rem}.footer-link{color:var(--bsc-yellow);text-decoration:none;font-weight:500}@media(max-width:768px){.hero-title{font-size:2.5rem}.workflow-steps{flex-direction:column;gap:2rem}.workflow-connector{display:none}.workflow-step{width:100%;margin:0}.step-number{display:none}.contract-grid{grid-template-columns:1fr}.contract-item.full-width{grid-column:span 1}}