:root{--bg-color-light: #ffffff;--bg-color-dark: #1a1a1a;--text-color-light: #000000;--text-color-dark: #ffffff;--accent-color: #FF7167;--accent-color-hover: #DD594D;--tech-badge-bg: #f3f4f6;--tech-badge-text: #4b5563;--font-headline: "Michroma", sans-serif;--font-noraml: "TikTok Sans", sans-serif;--font-title: "Seymour One", sans-serif;--font-handwritter: "Shadows Into Light", cursive}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}a{text-decoration:none}.login-bg{min-height:100vh;width:100vw;background:var(--bg-color-light);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.login-card{position:relative;z-index:1;background:#fff;border-radius:5px;box-shadow:0 4px 32px #00000014;padding:2.5rem 2rem 2rem;max-width:370px;width:100%;display:flex;flex-direction:column;align-items:center;gap:1.1rem}.login-title{font-family:var(--font-headline);color:var(--accent-color);font-size:2.2rem;margin-bottom:.5rem;letter-spacing:.5px}.login-input{width:95%;padding:.85rem 1rem;border-radius:12px;border:1.5px solid #ececec;background:#f8f8f8;font-size:1rem;font-family:var(--font-noraml);color:var(--text-color-light);outline:none;margin-bottom:.2rem;transition:border .2s}.login-input:focus{border:1.5px solid var(--accent-color);background:#fff}.login-btn{width:100%;margin-top:.5rem}.login-error{color:#ff3b3b;font-size:.98rem;margin:.2rem 0 .1rem;text-align:center}.login-toggle-text{font-size:.7rem;color:var(--tech-badge-text);margin-top:.5rem;font-family:var(--font-noraml);text-align:center}.login-toggle-btn{background:none;border:none;color:var(--accent-color);font-family:var(--font-noraml);font-weight:600;cursor:pointer;font-size:.8rem;padding:0;margin-left:.2rem;transition:color .2s}.login-toggle-btn:hover{color:var(--accent-color-hover)}@media only screen and (max-width: 600px){.login-card{padding:1.5rem .5rem;max-width:90vw}.login-title{font-size:1.5rem}.login-input{font-size:.95rem;padding:.7rem}}.wrap-button-wrapper{display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.wrap-button{display:flex;align-items:center;gap:.5rem;padding:11px;height:64px;border-radius:9999px;background-color:#151515;border:1px solid #3B3A3A;cursor:pointer;transition:all .3s ease-in-out}.button-inner{display:flex;align-items:center;justify-content:center;height:43px;border-radius:9999px;border:1px solid #3B3A3A;color:var(--text-color-dark);font-family:var(--font-noraml);text-transform:uppercase}.button-inner.orange{background-color:var(--accent-color-hover);padding:0 .75rem 0 .25rem;display:flex;align-items:center;justify-content:center}.globe{margin-right:.5rem;animation:spin 1s linear infinite;width:24px;height:24px}.button-text{font-weight:500;letter-spacing:-.5px;display:flex;align-items:center;justify-content:center}.arrow-container{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:9999px;border:2px solid #3b3a3a;color:#3b3a3a;transition:all .3s ease-in-out}.wrap-button:hover .arrow-container{margin-left:8px}.wrap-button:hover .arrow-icon{transform:rotate(45deg)}.arrow-icon{transition:transform .3s ease-in-out}@keyframes spin{to{transform:rotate(360deg)}}@media only screen and (max-width: 600px){.wrap-button{width:100%;padding:8px}.button-inner{width:100%;height:40px;font-size:.875rem}.globe{width:20px;height:20px}.arrow-container{width:22px;height:22px}.button-text{font-size:.875rem}}.footer{margin-top:2rem;border-top:1px solid #ececec;background:#fff}.footer-container{max-width:1100px;margin:0 auto;padding:1rem;display:grid;grid-template-columns:1fr auto auto;gap:1rem;align-items:center}.footer-brand{display:flex;flex-direction:column;gap:.2rem}.footer-logo{font-family:var(--font-headline);font-size:1rem;color:#000}.footer-tagline{font-family:var(--font-noraml);font-size:.85rem;color:#6b7280}.footer-links{display:flex;gap:1rem}.footer-links a{font-family:var(--font-noraml);font-size:.9rem;color:#374151}.footer-links a:hover{color:var(--accent-color)}.footer-social{display:flex;gap:.75rem}.footer-social a{color:#6b7280;font-size:1.1rem}.footer-social a:hover{color:var(--accent-color)}.footer-legal{max-width:1100px;margin:.25rem auto 0;padding:0 1rem 1rem;color:#6b7280;font-family:var(--font-noraml);font-size:.85rem}@media only screen and (max-width: 700px){.footer-container{grid-template-columns:1fr;gap:.75rem}.footer-links{flex-wrap:wrap}}.dashboard-bg{min-height:100vh;width:100vw;background:var(--bg-color-light);display:flex;align-items:flex-start;justify-content:center;position:relative;overflow-x:hidden;padding-top:40px}.grid-overlay{position:fixed;inset:0;background-image:linear-gradient(to right,#fde2df6f 1px,transparent 1px),linear-gradient(to bottom,#fde2df6f 1px,transparent 1px);background-size:25px 24px;mask-image:radial-gradient(ellipse 80% 50% at 50% 0%,#000 70%,transparent 110%);-webkit-mask-image:radial-gradient(ellipse 80% 50% at 50% 0%,#000 70%,transparent 110%);pointer-events:none;z-index:0;animation:moveGrid 6s linear infinite}.modal-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{width:92%;max-width:420px;background:#fff;border-radius:12px;padding:1rem;box-shadow:0 10px 30px #00000026}.modal-title{font-family:var(--font-title);font-size:1.05rem;margin-bottom:.35rem}.modal-text{font-family:var(--font-noraml);color:#6b7280;margin-bottom:.8rem}.modal-actions{display:flex;gap:.5rem;justify-content:flex-end}.modal-danger{background:#ef4444}.modal-danger:hover{background:#dc2626}.toast-container{position:fixed;top:12px;right:12px;z-index:1000;display:flex;flex-direction:column;gap:8px}.toast{background:#111827;color:#fff;border-radius:8px;padding:10px 12px;font-family:var(--font-noraml);font-size:.9rem;box-shadow:0 4px 20px #00000026;cursor:pointer;opacity:.95}.toast--success{background:#10b981}.toast--error{background:#ef4444}.dashboard-container{position:relative;z-index:1;width:100%;max-width:1100px;display:flex;flex-direction:column;gap:1.5rem;align-items:stretch}.dashboard-header{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.dashboard-subtitle{width:100%;color:#6b7280;font-family:var(--font-noraml);font-size:.95rem;margin-bottom:.25rem}.navbar{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.5rem .25rem}.navbar-left{display:flex;align-items:center;gap:.5rem}.navbar-logo{font-family:var(--font-headline);font-size:1rem;color:#111827}.navbar-sep{width:1px;height:16px;background:#e5e7eb;display:inline-block}.navbar-title{font-family:var(--font-title);font-size:1rem;color:#111827}.navbar-right{position:relative}.navbar-avatar-btn{display:inline-flex;align-items:center;gap:.5rem;background:#fff;border:1px solid #e5e7eb;border-radius:999px;padding:.25rem .5rem .25rem .25rem;cursor:pointer}.navbar-avatar{width:28px;height:28px;border-radius:999px;background:#111827;color:#fff;display:grid;place-items:center;font-size:.8rem;font-weight:700}.navbar-avatar.small{width:24px;height:24px;font-size:.75rem}.navbar-username{font-family:var(--font-noraml);font-size:.9rem;color:#111827;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.navbar-menu{position:absolute;right:0;top:calc(100% + 8px);width:260px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 12px 32px #0000001f;padding:.5rem;z-index:20}.navbar-userinfo{display:flex;gap:.5rem;align-items:center;padding:.25rem .25rem .5rem;border-bottom:1px solid #f3f4f6;margin-bottom:.5rem}.navbar-usertext{display:flex;flex-direction:column}.navbar-name{font-family:var(--font-noraml);font-size:.95rem;color:#111827}.navbar-email{font-family:var(--font-noraml);font-size:.85rem;color:#6b7280}.navbar-menu-item{width:100%;text-align:left;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:.5rem .75rem;font-family:var(--font-noraml);cursor:pointer}.navbar-menu-item:hover{background:#f9fafb}@media only screen and (max-width: 700px){.navbar-username,.navbar-title,.navbar-sep{display:none}}.dashboard-title{font-family:var(--font-headline);color:#000;font-size:1.6rem;letter-spacing:.5px}.dashboard-logout-btn{min-width:120px}.dashboard-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:1.5rem;align-items:start;width:100%}.dashboard-card{background:#fff;border-radius:10px;box-shadow:0 4px 32px #00000014;padding:1.25rem 1rem 1rem;width:100%;display:flex;flex-direction:column;gap:1.2rem}.dashboard-form-card{margin-bottom:1.5rem}.dashboard-section-title{font-family:var(--font-noraml);color:#000;font-size:1rem;letter-spacing:.3px;margin-bottom:.25rem}.dashboard-textarea{width:100%;border-radius:10px;border:1.5px solid #ececec;background:#f8f8f8;font-size:.95rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;color:var(--text-color-light);outline:none;padding:1rem;resize:vertical;min-height:180px;transition:border .2s;resize:none}.dashboard-textarea:focus{border:1.5px solid var(--accent-color);background:#fff}.dashboard-helper{margin-top:-.5rem;color:#6b7280;font-size:.85rem;font-family:var(--font-noraml)}.dashboard-form-actions{display:flex;gap:1rem;align-items:center}.dashboard-action-btn{min-width:70px}.dashboard-cancel-btn{background:none;border:1.5px solid var(--accent-color);color:var(--accent-color);border-radius:8px;padding:.6rem 1.2rem;font-family:var(--font-noraml);font-size:1rem;cursor:pointer;transition:background .2s,color .2s}.dashboard-cancel-btn:hover{background:var(--accent-color);color:#fff}.dashboard-error{color:#ff3b3b;font-size:1rem;margin:.2rem 0 .1rem;text-align:center}.dashboard-list-card{margin-top:.5rem}.dashboard-list-titlebar{display:flex;align-items:center;justify-content:space-between}.dashboard-count{font-family:var(--font-noraml);font-size:.9rem;color:#6b7280}.dashboard-list{list-style:none;padding:0;margin:0;width:100%}.dashboard-list-item{padding:1rem;margin-bottom:.8rem;border:1px solid #ececec;border-radius:10px;background:#fff;box-shadow:0 2px 10px #0000000a}.dashboard-item-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.dashboard-item-left{display:flex;align-items:center;gap:.75rem}.dashboard-avatar{width:36px;height:36px;border-radius:8px;background:var(--tech-badge-bg);color:#111827;display:flex;align-items:center;justify-content:center;font-weight:700;font-family:var(--font-noraml);font-size:.85rem}.dashboard-item-main{display:flex;flex-direction:column;gap:.2rem;min-width:0}.dashboard-link-row{display:flex;align-items:center;gap:.5rem;font-family:var(--font-noraml);font-size:1.05rem;margin-bottom:.4rem;width:100%}.dashboard-link{color:var(--accent-color);font-weight:600;font-size:.9rem;min-width:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-open-link{color:#6b7280;font-size:1rem;margin-left:auto}.dashboard-open-link:hover{color:var(--accent-color)}.dashboard-meta-row{font-size:.75rem;color:var(--tech-badge-text);margin-bottom:.3rem;display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.dashboard-badge{background:var(--tech-badge-bg);color:var(--tech-badge-text);border-radius:999px;padding:.2rem .6rem;font-size:.75rem;display:inline-flex;align-items:center;gap:.3rem}.dashboard-actions-row{display:flex;gap:.5rem;align-items:center;flex-shrink:0}.dashboard-edit-btn,.dashboard-delete-btn,.dashboard-icon-btn{background:none;border:1.5px solid var(--accent-color);color:var(--accent-color);border-radius:8px;padding:.45rem .75rem;font-family:var(--font-noraml);font-size:.9rem;cursor:pointer;transition:background .2s,color .2s}.dashboard-edit-btn:hover,.dashboard-delete-btn:hover,.dashboard-icon-btn:hover{background:var(--accent-color);color:#fff}.dashboard-icon-btn,.dashboard-edit-btn,.dashboard-delete-btn{display:inline-flex;align-items:center;gap:.35rem}.dashboard-empty{color:var(--tech-badge-text);font-size:1rem;text-align:center;margin:1rem 0}.dashboard-empty-cta{margin-top:.5rem}.dashboard-btn{background:var(--accent-color);color:#fff;border:none;border-radius:8px;padding:.7rem 1.5rem;font-family:var(--font-noraml);font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s;box-shadow:0 2px 8px #ff716714;outline:none;margin-bottom:0}.dashboard-btn:hover,.dashboard-btn:focus{background:var(--accent-color-hover);color:#fff}@media only screen and (max-width: 700px){.dashboard-container{max-width:100%;padding:0 .5rem}.dashboard-grid{grid-template-columns:1fr;gap:1rem}.dashboard-card{padding:1rem .75rem .75rem}.dashboard-title{font-size:1rem}.dashboard-section-title{font-size:.95rem}.dashboard-textarea{font-size:.95rem;padding:.7rem;min-height:140px}.dashboard-list-item{padding:.75rem;width:100%}.dashboard-item-header{align-items:flex-start;flex-direction:column}.dashboard-avatar{width:28px;height:28px;font-size:.75rem}.dashboard-link-row{font-size:.95rem;margin-bottom:.3rem}.dashboard-link{font-size:.85rem}.dashboard-open-link{font-size:.9rem}.dashboard-meta-row{gap:.3rem}.dashboard-badge{font-size:.7rem}.dashboard-actions-row{gap:.35rem}.dashboard-edit-btn,.dashboard-delete-btn,.dashboard-icon-btn{padding:.4rem}.dashboard-actions-row button span{display:none}.navbar-logo{font-size:1.25rem}}@media only screen and (max-width: 600px){.dashboard-list-titlebar{flex-direction:column;align-items:flex-start;gap:.25rem}.dashboard-count{font-size:.85rem}.dashboard-actions-row{width:100%;flex-wrap:wrap}.dashboard-actions-row button{flex:1 1 auto;justify-content:center}}@media only screen and (max-width: 480px){.dashboard-card{padding:.75rem}.dashboard-list-item{padding:.6rem}.dashboard-link-row{gap:.4rem}.dashboard-open-link{margin-left:0}.dashboard-avatar{width:26px;height:26px;font-size:.7rem}}@media only screen and (max-width: 360px){.dashboard-actions-row{gap:.25rem}.dashboard-actions-row button{padding:.35rem}}.notfound-page{min-height:100vh;width:100vw;background:var(--bg-color-light);position:relative;overflow:hidden;color:var(--text-color-light)}.notfound-content{position:relative;z-index:1;max-width:720px;margin:0 auto;padding:120px 18px 60px;display:flex;flex-direction:column;gap:1rem;align-items:center;text-align:center}.notfound-eyebrow{font-family:var(--font-title);color:var(--accent-color);letter-spacing:.8px;text-transform:uppercase;font-size:.95rem}.notfound-content h1{font-family:var(--font-headline);font-size:clamp(1.9rem,4vw,3rem);color:var(--text-color-light);line-height:1.2}.notfound-text{max-width:640px;color:var(--tech-badge-text);font-family:var(--font-noraml);font-size:1rem;line-height:1.6}.notfound-actions{display:flex;gap:.8rem;flex-wrap:wrap;justify-content:center;margin-top:.5rem}.notfound-btn{min-width:160px}@media only screen and (max-width: 640px){.notfound-content{padding:90px 14px 50px;align-items:flex-start;text-align:left}.notfound-actions{width:100%;justify-content:flex-start}.notfound-actions>*{width:100%}}.grid-overlay{position:absolute;inset:0;background-image:linear-gradient(to right,#fde2df6f 1px,transparent 1px),linear-gradient(to bottom,#fde2df6f 1px,transparent 1px);background-size:25px 24px;mask-image:radial-gradient(ellipse 80% 50% at 50% 0%,#000 70%,transparent 110%);-webkit-mask-image:radial-gradient(ellipse 80% 50% at 50% 0%,#000 70%,transparent 110%);pointer-events:none;z-index:0;animation:moveGrid 6s linear infinite}@keyframes moveGrid{0%{background-position:0 0}to{background-position:25px 24px}}.hero-container{display:flex;position:relative;justify-content:center;align-items:center;width:100%;height:auto;z-index:99;-webkit-user-select:none;user-select:none;margin-top:100px}.hero-text{display:flex;justify-content:center;align-items:center;flex-direction:column;width:50%;position:relative;z-index:100}.hero-text>h1{font-size:clamp(2rem,6vw,4.5rem);font-family:var(--font-headline);margin-bottom:20px;color:var(--accent-color)}.hero-text>h2{font-size:1.5rem;font-family:var(--font-handwritter);margin-bottom:10px;font-weight:600}.hero-text>p{font-size:1rem;font-family:var(--font-noraml);margin-top:10px;color:var(--tech-badge-text);text-align:center;margin-bottom:20px}@media only screen and (max-width: 600px){.hero-text{width:100%;padding:0 10px}.hero-text>h1{font-size:3.1rem}.hero-text>h2{font-size:.9rem;text-align:center}.hero-text>p{font-size:.7rem}.hero-container{height:auto;padding:20px}}.social-buttons{display:flex;gap:15px;margin-top:30px;flex-wrap:wrap;justify-content:center;align-items:center}.social-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;border:none;border-radius:12px;font-family:var(--font-noraml);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 4px 15px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.social-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.social-btn:hover:before{left:100%}.social-btn svg{font-size:1.2rem;transition:transform .3s ease}.social-btn:hover svg{transform:scale(1.1)}.github-btn{background:linear-gradient(135deg,#24292e,#2f363d);color:#fff}.github-btn:hover{background:linear-gradient(135deg,#2f363d,#24292e);box-shadow:0 8px 25px #24292e4d;transform:translateY(-2px)}.star-count{display:flex;align-items:center;gap:4px;background:#ffffff1a;padding:4px 8px;border-radius:8px;font-size:.8rem;margin-left:8px}.star-count svg{color:gold;font-size:.9rem}.instagram-btn{background:linear-gradient(135deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:#fff}.instagram-btn:hover{background:linear-gradient(135deg,#bc1888,#cc2366,#dc2743,#e6683c,#f09433);box-shadow:0 8px 25px #dc27434d;transform:translateY(-2px)}.twitter-btn{background:linear-gradient(135deg,#1da1f2,#0d8bd9);color:#fff}.twitter-btn:hover{background:linear-gradient(135deg,#0d8bd9,#1da1f2);box-shadow:0 8px 25px #1da1f24d;transform:translateY(-2px)}.linkedin-btn{background:linear-gradient(135deg,#0077b5,#005885);color:#fff}.linkedin-btn:hover{background:linear-gradient(135deg,#005885,#0077b5);box-shadow:0 8px 25px #0077b54d;transform:translateY(-2px)}.btn-head{font-family:var(--font-handwritter)}.video-card{position:relative;width:100%;height:0;padding-top:56.25%;overflow:hidden;border-radius:10px;margin-top:50px;border:1px solid rgba(70,70,70,.1);mask-image:radial-gradient(ellipse 80% 50% at 80% 0%,#000 70%,transparent 110%);-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 0%,#000 70%,transparent 110%);pointer-events:none;z-index:0}.video-card iframe{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.testimonial-section{margin-top:70px;width:100%;display:flex;flex-direction:column;gap:1.2rem}.testimonial-header{text-align:center;display:flex;flex-direction:column;gap:.3rem}.testimonial-header h3{font-family:var(--font-headline);font-size:clamp(1.5rem,3vw,2rem);color:var(--text-color-light)}.section-eyebrow{font-family:var(--font-title);color:var(--accent-color);letter-spacing:.6px;text-transform:uppercase;font-size:.85rem}.testimonial-subtitle{font-family:var(--font-noraml);color:var(--tech-badge-text);font-size:1rem;line-height:1.5}.testimonial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.testimonial-card{background:#fff;border-radius:12px;box-shadow:0 6px 24px #0000000f;border:1px solid #f1f1f1;padding:1rem;display:flex;gap:.9rem;align-items:flex-start}.testimonial-avatar{width:40px;height:40px;border-radius:50%;background:#ffe7e3;color:var(--accent-color);display:grid;place-items:center;font-family:var(--font-headline);font-weight:700;flex-shrink:0}.testimonial-body{display:flex;flex-direction:column;gap:.25rem}.testimonial-quote{font-family:var(--font-noraml);color:var(--text-color-light);line-height:1.5;font-size:.98rem}.testimonial-name{font-family:var(--font-headline);color:var(--text-color-light);font-size:1rem}.testimonial-role{font-family:var(--font-noraml);color:var(--tech-badge-text);font-size:.9rem}@media only screen and (max-width: 768px){.social-buttons{gap:10px;margin-top:20px}.social-btn{padding:10px 16px;font-size:.8rem;gap:6px}.social-btn svg{font-size:1rem}.star-count{padding:3px 6px;font-size:.7rem}.video-card{margin-top:40px;border:1px solid rgba(70,70,70,.1);width:100%}.testimonial-header{text-align:left;align-items:flex-start}.testimonial-grid{display:flex;overflow-x:auto;gap:.9rem;scroll-snap-type:x mandatory;padding-bottom:.5rem;-ms-overflow-style:none;scrollbar-width:none}.testimonial-grid::-webkit-scrollbar{display:none}.testimonial-card{min-width:82%;scroll-snap-align:start}}@media only screen and (max-width: 480px){.social-buttons{flex-direction:row;flex-wrap:wrap;gap:12px;width:100%}.social-btn{width:auto;max-width:auto;justify-content:center;padding:9px 35px}.video-card{margin-top:40px;border:1px solid rgba(70,70,70,.1);width:100%}}.docs-page{min-height:100vh;width:100vw;background:var(--bg-color-light);position:relative;overflow:hidden;color:var(--text-color-light)}.docs-content{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:80px 18px 50px;display:flex;flex-direction:column;gap:1.5rem}.docs-hero{text-align:center;display:flex;flex-direction:column;gap:1rem;align-items:center}.docs-eyebrow{font-family:var(--font-title);color:var(--accent-color);letter-spacing:.6px;text-transform:uppercase;font-size:.9rem}.docs-hero h1{font-family:var(--font-headline);font-size:clamp(1.9rem,4vw,3rem);color:var(--text-color-light);line-height:1.2}.docs-lead{max-width:780px;color:var(--tech-badge-text);font-family:var(--font-noraml);font-size:1rem;line-height:1.6}.docs-actions{display:flex;gap:.85rem;align-items:center;justify-content:center;flex-wrap:wrap}.docs-primary{min-width:160px}.docs-ghost-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.8rem 1.3rem;border-radius:10px;border:1.5px solid var(--accent-color);color:var(--accent-color);font-family:var(--font-noraml);font-weight:600;background:#fff;transition:all .2s ease}.docs-ghost-btn:hover{background:var(--accent-color);color:#fff}.docs-meta{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap;margin-top:.5rem}.docs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem;width:100%}.docs-card{background:#fff;border-radius:12px;box-shadow:0 6px 28px #0000000f;padding:1.2rem 1.1rem 1.1rem;border:1px solid #f1f1f1;display:flex;flex-direction:column;gap:1rem}.docs-card.highlight{background:linear-gradient(135deg,#fff7f6,#fff 50%);border:1px solid #ffe0dc}.section-head{display:flex;flex-direction:column;gap:.25rem}.section-eyebrow{text-transform:uppercase;font-family:var(--font-title);letter-spacing:.4px;font-size:.8rem;color:var(--accent-color)}.section-head h2{font-family:var(--font-headline);font-size:1.3rem;color:var(--text-color-light)}.steps-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.steps-item{display:flex;align-items:center;gap:.75rem;font-family:var(--font-noraml);color:var(--text-color-light);line-height:1.4}.step-number{width:30px;height:30px;border-radius:10px;background:var(--accent-color);color:#fff;display:grid;place-items:center;font-weight:700;font-size:.95rem;flex-shrink:0}.inline-note{background:#fff;border:1px dashed #ffd1cb;color:var(--tech-badge-text);border-radius:10px;padding:.75rem;font-family:var(--font-noraml);font-size:.95rem}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.8rem}.feature-card{display:flex;gap:.65rem;align-items:flex-start;padding:.75rem;border-radius:10px;background:#f9fafb}.feature-icon{width:38px;height:38px;border-radius:12px;background:#ffe7e3;color:var(--accent-color);display:grid;place-items:center;font-size:1.1rem}.feature-title{font-family:var(--font-noraml);font-weight:700;color:var(--text-color-light);margin-bottom:.1rem}.feature-text{font-family:var(--font-noraml);color:var(--tech-badge-text);line-height:1.5;font-size:.95rem}.code-block{background:#0f172a;color:#e5e7eb;border-radius:12px;padding:1rem;overflow:auto;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.9rem;line-height:1.5;border:1px solid #111827;max-width:100%}.faq-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.faq-item{display:flex;gap:.75rem;padding:.8rem .4rem}.faq-icon{width:34px;height:34px;border-radius:10px;background:#fef2f2;color:var(--accent-color);display:grid;place-items:center;flex-shrink:0}.faq-question{font-family:var(--font-noraml);font-weight:700;color:var(--text-color-light);margin-bottom:.1rem}.faq-answer{font-family:var(--font-noraml);color:var(--tech-badge-text);line-height:1.5}@media only screen and (max-width: 700px){.docs-content{padding:60px 12px 40px}.docs-hero{text-align:left;align-items:flex-start;gap:.75rem}.docs-lead{font-size:.95rem;line-height:1.5}.docs-actions{justify-content:flex-start;width:100%}.docs-actions>*{width:100%}.docs-meta{justify-content:flex-start;gap:.4rem}.meta-pill{font-size:.85rem;padding:.4rem .75rem}.docs-card{padding:1rem .9rem .9rem;width:35%}.feature-card{padding:.7rem}.steps-item{align-items:flex-start}}@media only screen and (max-width: 500px){.docs-grid{grid-template-columns:1fr}.docs-ghost-btn{width:100%;justify-content:center}.docs-primary{width:100%}.docs-hero h1{font-size:1.8rem}.code-block{font-size:.82rem;padding:.85rem;border-radius:10px}.feature-grid{grid-template-columns:1fr}.feature-icon{width:34px;height:34px;font-size:1rem}.steps-item{font-size:.95rem}.faq-item{padding:.6rem .2rem}.docs-meta{margin-top:.35rem}}.features-page{min-height:100vh;width:100vw;background:var(--bg-color-light);position:relative;overflow:hidden;color:var(--text-color-light)}.features-content{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:80px 18px 60px;display:flex;flex-direction:column;gap:1.4rem}.features-hero{display:flex;flex-direction:column;gap:1rem;text-align:center;align-items:center}.features-eyebrow{font-family:var(--font-title);color:var(--accent-color);letter-spacing:.6px;text-transform:uppercase;font-size:.9rem}.features-hero h1{font-family:var(--font-headline);font-size:clamp(1.9rem,4vw,3rem);color:var(--text-color-light);line-height:1.2;max-width:820px}.features-lead{max-width:760px;color:var(--tech-badge-text);font-family:var(--font-noraml);font-size:1rem;line-height:1.6}.features-actions{display:flex;gap:.85rem;align-items:center;justify-content:center;flex-wrap:wrap}.features-primary{min-width:170px}.features-ghost-btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.8rem 1.3rem;border-radius:10px;border:1.5px solid var(--accent-color);color:var(--accent-color);font-family:var(--font-noraml);font-weight:600;background:#fff;transition:all .2s ease;cursor:pointer}.features-ghost-btn:hover{background:var(--accent-color);color:#fff}.features-meta{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap;margin-top:.5rem}.meta-pill{background:var(--tech-badge-bg);color:var(--tech-badge-text);padding:.45rem .9rem;border-radius:999px;font-family:var(--font-noraml);font-size:.9rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;width:100%}.feature-card{background:#fff;border-radius:12px;box-shadow:0 6px 28px #0000000f;padding:1.1rem;border:1px solid #f1f1f1;display:flex;flex-direction:column;gap:.6rem}.feature-card h3{font-family:var(--font-headline);font-size:1.05rem;color:var(--text-color-light)}.feature-card p{font-family:var(--font-noraml);color:var(--tech-badge-text);line-height:1.5;font-size:.97rem}.feature-icon{width:42px;height:42px;border-radius:12px;background:#ffe7e3;color:var(--accent-color);display:grid;place-items:center;font-size:1.1rem}.features-cta{margin-top:.5rem;background:#fff7f6;border:1px solid #ffe0dc;border-radius:14px;padding:1.2rem;display:grid;grid-template-columns:1.25fr .75fr;gap:1rem;align-items:stretch}.cta-text{display:flex;flex-direction:column;gap:.6rem}.cta-text h2{font-family:var(--font-headline);font-size:1.35rem;color:var(--text-color-light)}.cta-text ol{margin:0;padding-left:1.2rem;display:grid;gap:.4rem;font-family:var(--font-noraml);color:var(--text-color-light);line-height:1.4}.cta-note{font-family:var(--font-noraml);color:var(--tech-badge-text);font-size:.95rem;line-height:1.5}.cta-card{background:#fff;border-radius:12px;border:1px solid #f1f1f1;padding:1rem;box-shadow:0 6px 28px #0000000f;display:flex;flex-direction:column;gap:.5rem}.cta-card h3{font-family:var(--font-headline);color:var(--text-color-light);font-size:1.1rem}.cta-card p{font-family:var(--font-noraml);color:var(--tech-badge-text);line-height:1.5}.cta-icon{width:46px;height:46px;border-radius:12px;background:#ffe7e3;color:var(--accent-color);display:grid;place-items:center;font-size:1.2rem}.cta-btn{width:100%}@media only screen and (max-width: 900px){.features-cta{grid-template-columns:1fr}}@media only screen and (max-width: 700px){.features-content{padding:60px 12px 45px}.features-hero{text-align:left;align-items:flex-start}.features-actions{width:100%;justify-content:flex-start}.features-actions>*{width:100%}.features-meta{justify-content:flex-start}.feature-card{padding:1rem}}@media only screen and (max-width: 520px){.features-grid{grid-template-columns:1fr}.features-hero h1{font-size:1.85rem}.features-lead{font-size:.95rem;line-height:1.5}.feature-card h3{font-size:1rem}.feature-card p{font-size:.92rem}.features-cta{padding:1rem}}