@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap");.dev-root,.dev-root *,.dev-root :after,.dev-root :before{scrollbar-width:auto!important;-ms-overflow-style:auto!important}.dev-root ::-webkit-scrollbar{display:block!important;width:6px!important}.dev-root ::-webkit-scrollbar-thumb{background:rgba(32,32,32,.15);border-radius:99px}.dev-root ::-webkit-scrollbar-track{background:transparent}.dev-root{font-family:Space Grotesk,sans-serif!important;color:#202020;background:#f2f3f5;position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;overflow-y:auto!important;overflow-x:hidden;display:flex;flex-direction:column}.dev-main{flex:1}.dev-nav{position:sticky;top:0;z-index:100;flex-shrink:0;background:rgba(255,255,255,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(32,32,32,.06)}.dev-nav-inner{max-width:1280px;margin:0 auto;justify-content:space-between;padding:0 24px;height:64px}.dev-nav-brand,.dev-nav-inner{display:flex;align-items:center}.dev-nav-brand{gap:10px;text-decoration:none;color:#202020;font-weight:700;font-size:1.1rem}.dev-nav-brand img{width:36px;height:36px;border-radius:10px}.dev-nav-brand .brand-highlight{color:#202020;background:#c9f158;padding:2px 8px;border-radius:6px;font-weight:700;margin-left:2px}.dev-nav-links{display:flex;align-items:center;gap:32px;list-style:none;margin:0;padding:0}.dev-nav-links a{text-decoration:none;color:#6b7280;font-size:.9rem;font-weight:500;transition:color .2s}.dev-nav-links a:hover{color:#202020}.dev-nav-actions{display:flex;gap:12px;align-items:center}.dev-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 24px;height:44px;border-radius:12px;font-family:Space Grotesk,sans-serif;font-weight:600;font-size:.95rem;cursor:pointer;border:none;transition:all .25s cubic-bezier(.4,0,.2,1);text-decoration:none}.dev-btn-primary{background:#c9f158;color:#202020}.dev-btn-primary:hover{background:#b8e04a;transform:translateY(-2px);box-shadow:0 8px 24px rgba(201,241,88,.3)}.dev-btn-dark{background:#202020;color:#ffffff}.dev-btn-dark:hover{background:#333;transform:translateY(-2px);box-shadow:0 8px 24px rgba(32,32,32,.2)}.dev-btn-outline{background:transparent;color:#202020;border:1.5px solid rgba(32,32,32,.15)}.dev-btn-outline:hover{border-color:#c9f158;background:rgba(201,241,88,.08)}.dev-btn-ghost{background:#f2f3f5;color:#202020}.dev-btn-ghost:hover{background:#e5e7eb}.dev-btn-sm{height:36px;padding:0 16px;font-size:.85rem;border-radius:10px}.dev-btn-lg{height:52px;padding:0 32px;font-size:1.05rem;border-radius:16px}.dev-hero{position:relative;padding:100px 24px 80px;text-align:center;overflow:hidden}.dev-hero:before{content:"";position:absolute;top:-40%;left:50%;transform:translateX(-50%);width:800px;height:800px;border-radius:50%;background:radial-gradient(circle,rgba(201,241,88,.12) 0,transparent 70%);pointer-events:none}.dev-hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(201,241,88,.15);color:#202020;padding:6px 16px;border-radius:99px;font-size:.85rem;font-weight:600;margin-bottom:32px;border:1px solid rgba(201,241,88,.3)}.dev-hero-badge .dot{width:8px;height:8px;border-radius:50%;background:#c9f158;display:inline-block;animation:dev-pulse 2s infinite}@keyframes dev-pulse{0%,to{opacity:1}50%{opacity:.4}}.dev-hero h1{font-size:clamp(2.5rem,6vw,5rem);font-weight:700;line-height:1.1;max-width:820px;margin:0 auto 24px;color:#202020;letter-spacing:-.02em}.dev-hero h1 .lime{color:#202020;background:linear-gradient(135deg,#c9f158,#a8d63a);-webkit-background-clip:text;background-clip:text;background:#c9f158;padding:0 12px;border-radius:12px;display:inline-block}.dev-hero p{font-size:1.15rem;color:#6b7280;max-width:600px;margin:0 auto 40px;line-height:1.7;font-weight:400}.dev-hero-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.dev-hero-image{position:relative;margin:60px auto 0;max-width:1100px}.dev-hero-image-frame{position:relative;border-radius:24px;overflow:hidden;background:#202020;box-shadow:0 32px 80px rgba(32,32,32,.12),0 0 0 1px rgba(32,32,32,.06);aspect-ratio:16/9}.dev-hero-image-frame img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.4,0,.2,1)}.dev-hero-image-frame:hover img{transform:scale(1.03)}.dev-section{padding:100px 24px;max-width:1280px;margin:0 auto}.dev-section-header{text-align:center;margin-bottom:64px}.dev-section-header h2{font-size:clamp(2rem,4vw,3rem);font-weight:700;color:#202020;letter-spacing:-.01em}.dev-section-header h2 .lime{background:#c9f158;padding:0 10px;border-radius:10px;display:inline-block}.dev-section-header p{color:#6b7280;font-size:1.1rem;max-width:600px;margin:16px auto 0}.dev-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media (max-width:768px){.dev-cards-grid{grid-template-columns:1fr}}.dev-card{background:#ffffff;border-radius:24px;padding:36px;border:1px solid rgba(32,32,32,.06);transition:all .3s cubic-bezier(.4,0,.2,1)}.dev-card:hover{transform:translateY(-4px);box-shadow:0 20px 60px rgba(32,32,32,.08);border-color:rgba(201,241,88,.3)}.dev-card-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;font-size:1.5rem}.dev-card-icon.lime{background:rgba(201,241,88,.2)}.dev-card-icon.dark{background:#202020;color:#c9f158}.dev-card-icon.surface{background:#f2f3f5}.dev-card h3{font-size:1.3rem;font-weight:700;color:#202020;margin-bottom:10px}.dev-card p{font-size:.95rem;color:#6b7280;line-height:1.65}.dev-card-wide{grid-column:span 2;background:#202020;color:#ffffff;position:relative;overflow:hidden}.dev-card-wide:after{content:"";position:absolute;top:-30%;right:-10%;width:350px;height:350px;border-radius:50%;background:rgba(201,241,88,.08);pointer-events:none}.dev-card-wide h3{color:#ffffff;font-size:1.6rem}.dev-card-wide p{color:rgba(255,255,255,.6);font-size:1rem}.dev-card-wide .check-list{list-style:none;padding:0;margin:20px 0 0;display:flex;flex-direction:column;gap:12px}.dev-card-wide .check-list li{display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.85);font-weight:500}.dev-card-wide .check-list .check{flex-shrink:0;width:24px;height:24px;border-radius:50%;background:#c9f158;color:#202020;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}@media (max-width:768px){.dev-card-wide{grid-column:span 1}}.dev-cta{text-align:center;padding:100px 24px;background:#ffffff;border-top:1px solid rgba(32,32,32,.06)}.dev-cta h2{font-size:clamp(2rem,4vw,3.2rem);font-weight:700;color:#202020;margin-bottom:16px}.dev-cta h2 .lime{background:#c9f158;padding:0 10px;border-radius:10px;display:inline-block}.dev-cta p{color:#6b7280;font-size:1.1rem;max-width:550px;margin:0 auto 32px;line-height:1.7}.dev-footer{border-top:1px solid rgba(32,32,32,.06);background:#ffffff;padding:40px 24px;margin-top:auto}.dev-footer-inner{max-width:1280px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.dev-footer-brand{display:flex;align-items:center;gap:10px;font-weight:700;color:#202020}.dev-footer-logo{width:28px;height:28px;border-radius:8px}.dev-footer-copy{color:#9ca3af;font-size:.85rem}.dev-auth-page{display:flex;min-height:calc(100vh - 64px);align-items:center;justify-content:center;padding:24px}.dev-auth-split{display:flex;width:100%;max-width:960px;min-height:560px;border-radius:24px;overflow:hidden;box-shadow:0 24px 64px rgba(32,32,32,.08);border:1px solid rgba(32,32,32,.06)}.dev-auth-brand-panel{flex:0 0 340px;background:#202020;color:#ffffff;padding:48px 36px;display:flex;align-items:center}.dev-auth-brand-content{display:flex;flex-direction:column;gap:20px}.dev-auth-brand-content h2{font-size:1.5rem;font-weight:700;color:#ffffff;margin:0}.dev-auth-brand-content>p{font-size:.95rem;color:rgba(255,255,255,.55);line-height:1.6;margin:0}.dev-auth-brand-features{display:flex;flex-direction:column;gap:14px;margin-top:12px}.dev-auth-brand-feature{display:flex;align-items:center;gap:10px;font-size:.88rem;color:rgba(255,255,255,.75);font-weight:500}.dev-auth-form-panel{flex:1;background:#ffffff;padding:40px;display:flex;flex-direction:column;justify-content:center}.dev-auth-card{width:100%}.dev-auth-card h1{font-size:1.4rem;font-weight:700;color:#202020;margin-bottom:6px}.dev-auth-card .subtitle{color:#6b7280;font-size:.9rem;margin-bottom:24px;line-height:1.5}.dev-auth-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.dev-auth-field{margin-bottom:16px}.dev-auth-field label{display:block;font-size:.82rem;font-weight:600;color:#374151;margin-bottom:5px}.dev-auth-field input,.dev-auth-field select,.dev-auth-field textarea{width:100%;padding:10px 14px;border:1.5px solid rgba(32,32,32,.1);border-radius:10px;font-family:Space Grotesk,sans-serif;font-size:.9rem;color:#202020;background:#f9fafb;outline:none;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.dev-auth-field input:focus,.dev-auth-field select:focus,.dev-auth-field textarea:focus{border-color:#c9f158;box-shadow:0 0 0 3px rgba(201,241,88,.2);background:#ffffff}.dev-auth-field textarea{resize:vertical;min-height:64px}.dev-auth-tabs{display:flex;gap:0;margin-bottom:24px;background:#f2f3f5;border-radius:12px;padding:4px}.dev-auth-tab{flex:1;text-align:center;padding:10px 16px;border-radius:10px;font-weight:600;font-size:.88rem;cursor:pointer;transition:all .2s;border:none;background:transparent;color:#6b7280;font-family:Space Grotesk,sans-serif}.dev-auth-tab.active{background:#ffffff;color:#202020;box-shadow:0 2px 8px rgba(0,0,0,.06)}.dev-auth-footer-text{text-align:center;color:#6b7280;font-size:.85rem;margin-top:20px}.dev-auth-footer-text a{color:#202020;font-weight:600;text-decoration:none}.dev-auth-footer-text a:hover{text-decoration:underline}@media (max-width:768px){.dev-auth-split{flex-direction:column}.dev-auth-brand-panel{flex:none;padding:32px 24px}.dev-auth-row{grid-template-columns:1fr}}.dev-docs{display:grid;grid-template-columns:1fr 340px;gap:40px;max-width:1200px;margin:0 auto;padding:60px 24px 100px}@media (max-width:900px){.dev-docs{grid-template-columns:1fr}}.dev-docs-main{display:flex;flex-direction:column;gap:32px}.dev-docs-block{background:#ffffff;border-radius:24px;padding:36px;border:1px solid rgba(32,32,32,.06)}.dev-docs-block h2{font-size:1.4rem;font-weight:700;color:#202020;margin-bottom:16px}.dev-docs-block li,.dev-docs-block p{color:#4b5563;line-height:1.7;font-size:.95rem}.dev-docs-block strong{color:#202020}.dev-docs-block code{background:rgba(201,241,88,.15);color:#202020;padding:2px 8px;border-radius:6px;font-size:.85em;font-family:JetBrains Mono,Fira Code,monospace}.dev-docs-block ol,.dev-docs-block ul{padding-left:20px;margin-top:12px}.dev-docs-block li{margin-bottom:8px}.dev-roles-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}@media (max-width:600px){.dev-roles-grid{grid-template-columns:1fr}}.dev-role-card{background:#f9fafb;border-radius:16px;padding:20px;border:1px solid rgba(32,32,32,.06)}.dev-role-card.approved{border-color:rgba(201,241,88,.4);background:rgba(201,241,88,.05)}.dev-role-card h3{font-weight:700;font-size:1rem;color:#202020;margin-bottom:4px}.dev-role-card .desc{font-size:.82rem;color:#6b7280;margin-bottom:12px}.dev-role-tag{display:inline-block;padding:4px 10px;border-radius:8px;font-size:.75rem;font-family:JetBrains Mono,monospace;margin-bottom:6px;font-weight:500}.dev-role-tag.allow{background:rgba(201,241,88,.18);color:#3d6b00}.dev-role-tag.deny{background:rgba(255,100,100,.1);color:#b91c1c}.dev-docs-sidebar{position:sticky;top:88px;align-self:start}.dev-sidebar-card{background:#202020;color:#ffffff;border-radius:24px;padding:28px}.dev-sidebar-card h3{font-size:1rem;font-weight:700;color:#ffffff;margin-bottom:20px;display:flex;align-items:center;gap:8px}.dev-sidebar-label{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.4);margin-bottom:4px;font-weight:600}.dev-sidebar-url{display:block;background:rgba(255,255,255,.06);padding:8px 12px;border-radius:10px;font-family:JetBrains Mono,monospace;font-size:.82rem;color:#c9f158;margin-bottom:16px;word-break:break-all}.dev-sidebar-url.blue{color:#93c5fd}.dev-sidebar-warn{display:flex;gap:10px;align-items:flex-start;margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08);font-size:.82rem;color:rgba(255,255,255,.6);line-height:1.5}.dev-sidebar-warn-icon{flex-shrink:0;color:#fbbf24}.dev-design-header{text-align:center;padding:60px 24px 40px;max-width:640px;margin:0 auto}.dev-design-header h1{font-size:clamp(2rem,4vw,2.8rem);font-weight:700;color:#202020;margin-bottom:12px}.dev-design-header h1 .lime{background:#c9f158;padding:0 8px;border-radius:10px}.dev-design-header p{font-size:1.05rem;color:#6b7280}.dev-design-section{max-width:1100px;margin:0 auto 64px;padding:0 24px}.dev-design-section h2{font-size:1.4rem;font-weight:700;color:#202020;border-bottom:1px solid rgba(32,32,32,.06);padding-bottom:12px;margin-bottom:28px}.dev-color-swatches{display:flex;flex-wrap:wrap;gap:20px}.dev-swatch{width:160px;border-radius:16px;overflow:hidden;border:1px solid rgba(32,32,32,.06);background:#ffffff}.dev-swatch-color{height:100px;width:100%;box-shadow:inset 0 0 0 1px rgba(32,32,32,.08),0 2px 8px rgba(0,0,0,.06)}.dev-swatch-info{padding:14px}.dev-swatch-info .name{font-weight:700;font-size:.9rem;color:#202020}.dev-swatch-info code{font-size:.78rem;color:#6b7280;font-family:JetBrains Mono,monospace}.dev-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}@media (max-width:768px){.dev-preview-grid{grid-template-columns:1fr}}.dev-preview-live{background:#f2f3f5;border-radius:24px;padding:48px 32px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(32,32,32,.06);min-height:320px}.dev-code-block{position:relative;background:#202020;border-radius:20px;overflow:hidden}.dev-code-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:rgba(0,0,0,.2);border-bottom:1px solid rgba(255,255,255,.06)}.dev-code-dots{display:flex;gap:6px}.dev-code-dots span{width:10px;height:10px;border-radius:50%}.dev-code-dots span:first-child{background:#ff5f57}.dev-code-dots span:nth-child(2){background:#febc2e}.dev-code-dots span:nth-child(3){background:#28c840}.dev-code-copy{background:none;border:none;color:rgba(255,255,255,.4);cursor:pointer;padding:4px;border-radius:6px;transition:color .2s}.dev-code-copy:hover{color:#c9f158}.dev-code-block pre{padding:20px;margin:0;overflow-x:auto;font-family:JetBrains Mono,Fira Code,monospace;font-size:.82rem;line-height:1.8;color:rgba(255,255,255,.75)}@media (max-width:768px){.dev-nav-links{display:none}}