@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;min-height:100vh;background-color:#fff;color:#111827}#root{min-height:100vh}a{font-weight:500;color:#3b82f6;text-decoration:inherit}a:hover{color:#2563eb}h1,h2,h3,h4,h5,h6{line-height:1.2}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#f3f4f6;color:#374151;cursor:pointer;transition:border-color .25s}button:hover{border-color:#3b82f6}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: dark){:root{color:#f9fafb;background-color:#111827}}.layout{min-height:100vh;display:flex;flex-direction:column}.header{background-color:#fffffff2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid #e5e7eb;position:fixed;top:0;left:0;right:0;z-index:100}.nav{padding:0}.nav-container{max-width:1200px;margin:0 auto;padding:0 1.5rem;height:64px;display:flex;justify-content:space-between;align-items:center;gap:1rem}.logo{display:flex;align-items:center;gap:.6rem;font-size:1.2rem;font-weight:700;color:#111827;text-decoration:none;transition:color .2s;flex-shrink:0}.logo-img{width:32px;height:32px;border-radius:50%;object-fit:cover;border:1px solid #e5e7eb}.logo:hover{color:#3b82f6}.nav-menu{display:flex;list-style:none;gap:.25rem;margin:0;padding:0;align-items:center}.nav-link{color:#6b7280;text-decoration:none;font-size:.9rem;font-weight:500;padding:.375rem .75rem;border-radius:.5rem;transition:all .2s;white-space:nowrap}.nav-link:hover{color:#111827;background:#f3f4f6}.nav-link--active{color:#3b82f6!important;background:#eff6ff;font-weight:600}.lang-toggle{display:flex;align-items:center;margin-left:.5rem;padding-left:.75rem;border-left:1px solid #e5e7eb}.lang-sep{color:#d1d5db;font-size:.75rem;padding:0 .35rem;-webkit-user-select:none;user-select:none}.lang-option{background:none;border:none;padding:.25rem .375rem;font-size:.8rem;font-weight:500;color:#9ca3af;cursor:pointer;transition:color .15s;line-height:1;border-radius:.25rem}.lang-option:hover{color:#111827;background:none}.lang-option--active{color:#111827;cursor:default;font-weight:700}.hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;background:none;border:none;cursor:pointer;padding:6px;border-radius:.5rem;transition:background .2s}.hamburger:hover{background:#f3f4f6;border-color:transparent}.hamburger span{display:block;height:2px;background:#374151;border-radius:2px;transition:all .25s;transform-origin:center}.hamburger--open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger--open span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger--open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-menu{border-top:1px solid #e5e7eb;padding:.75rem 1.5rem 1.25rem;display:flex;flex-direction:column;gap:.25rem;background:#fff}.mobile-link{color:#374151;text-decoration:none;font-size:1rem;font-weight:500;padding:.625rem .75rem;border-radius:.5rem;transition:all .2s}.mobile-link:hover{color:#111827;background:#f3f4f6}.mobile-link--active{color:#3b82f6!important;background:#eff6ff;font-weight:600}.mobile-lang{margin-top:.5rem;padding-top:.75rem;border-top:1px solid #f3f4f6;display:flex;align-items:center;padding-left:.75rem}.main-content{flex:1;max-width:1200px;width:100%;margin:0 auto;padding:calc(64px + 2rem) 1.5rem 2rem;background-color:#fff}.footer{background-color:#f9fafb;border-top:1px solid #e5e7eb;margin-top:4rem}.footer-container{max-width:1200px;margin:0 auto;padding:2rem 1.5rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer-container p{color:#6b7280;margin:0;font-size:.9rem}.footer-links{display:flex;gap:1.5rem}.footer-links a{color:#6b7280;text-decoration:none;font-size:.9rem;font-weight:500;transition:color .2s}.footer-links a:hover{color:#111827}.btn{padding:.75rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;border-radius:.5rem;transition:all .2s;display:inline-block;cursor:pointer;border:none}.btn-primary{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e3a5f!important;font-weight:700}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 28px #93c5fd80;background:linear-gradient(135deg,#bfdbfe,#93c5fd);color:#1e3a5f!important}.btn-secondary{background:#fff;color:#3b82f6!important;border:2px solid #bfdbfe}.btn-secondary:hover{background:#eff6ff;color:#2563eb!important;border-color:#93c5fd}@media (max-width: 768px){.nav-menu{display:none}.hamburger{display:flex}.footer-container{flex-direction:column;text-align:center}}.home{padding:2rem 0}.hero{text-align:center;padding:4rem 0;margin-bottom:4rem}.hero-title{font-size:3rem;font-weight:800;margin-bottom:1.5rem;line-height:1.2}.gradient-text{background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:1.25rem;color:#6b7280;max-width:600px;margin:0 auto 2rem;line-height:1.6}.hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn-outline{background:transparent;color:#3b82f6;border:2px solid #3b82f6}.btn-outline:hover{background:#3b82f6;color:#fff}.features{margin-bottom:4rem}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.feature-card{background:#fff;padding:2rem;border-radius:1rem;border:1px solid #e5e7eb;transition:all .3s}.feature-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #0000001a;border-color:#3b82f6}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-card h3{font-size:1.25rem;font-weight:700;margin-bottom:.5rem;color:#111827}.feature-card p{color:#6b7280;line-height:1.6}.recent-posts{margin-bottom:4rem}.recent-posts h2{font-size:2rem;font-weight:700;text-align:center;margin-bottom:.5rem}.section-description{text-align:center;color:#6b7280;margin-bottom:3rem}.posts-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:2rem}.post-card{background:#fff;padding:2rem;border-radius:1rem;border:1px solid #e5e7eb;transition:all .3s}.post-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #0000001a;border-color:#3b82f6}.post-card h3{font-size:1.25rem;font-weight:700;margin-bottom:.75rem;color:#111827}.post-card p{color:#6b7280;line-height:1.6;margin-bottom:1rem}.post-link{color:#3b82f6;text-decoration:none;font-weight:600;transition:color .2s}.post-link:hover{color:#2563eb}.view-all{text-align:center}@media (max-width: 768px){.hero-title{font-size:2rem}.hero-description{font-size:1rem}.feature-grid,.posts-preview{grid-template-columns:1fr}}.pl-layout{max-width:1280px;margin:0 auto;padding:2.5rem 1.5rem 4rem;display:grid;grid-template-columns:1fr 220px;gap:3rem;align-items:start}.pl-heading{font-size:1.75rem;font-weight:700;color:#111827;margin:0 0 2rem}.pl-empty{color:#9ca3af;font-size:.95rem}.pl-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1.75rem}.pl-card{display:flex;gap:1.25rem;padding-bottom:1.75rem;border-bottom:1px solid #f3f4f6}.pl-card:last-child{border-bottom:none}.pl-card-img-link{flex-shrink:0}.pl-card-img{width:160px;height:110px;object-fit:cover;border-radius:8px}.pl-card-body{flex:1;min-width:0}.pl-card-meta{font-size:.8rem;color:#9ca3af;margin-bottom:.4rem;display:flex;gap:.4rem}.pl-card-title{font-size:1.125rem;font-weight:600;margin:0 0 .5rem;line-height:1.4}.pl-card-title a{color:#111827;text-decoration:none;transition:color .15s}.pl-card-title a:hover{color:#2563eb}.pl-card-desc{font-size:.9rem;color:#6b7280;line-height:1.6;margin:0 0 .75rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pl-card-tags{display:flex;flex-wrap:wrap;gap:.35rem}.pl-tag{background:#eff6ff;color:#2563eb;font-size:.72rem;font-weight:500;padding:.15rem .5rem;border-radius:999px}.pl-sidebar{position:sticky;top:80px}.pl-sidebar-title{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#9ca3af;margin:0 0 .75rem}.pl-categories{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.1rem}.pl-categories a{display:flex;align-items:center;justify-content:space-between;font-size:.85rem;color:#6b7280;text-decoration:none;padding:.35rem .5rem;border-radius:5px;transition:background .15s,color .15s}.pl-categories a:hover{background:#f3f4f6;color:#111827}.pl-categories a.pl-cat-active{background:#eff6ff;color:#2563eb;font-weight:500}.pl-cat-count{background:#f3f4f6;color:#9ca3af;font-size:.7rem;font-weight:600;padding:.1rem .45rem;border-radius:999px}.pl-categories a.pl-cat-active .pl-cat-count{background:#dbeafe;color:#2563eb}.pl-loading,.pl-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6rem 1.5rem;gap:1rem;color:#6b7280}.btn-retry{padding:.5rem 1.25rem;background:#2563eb;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.875rem;transition:background .15s}.btn-retry:hover{background:#1d4ed8}@media (max-width: 860px){.pl-layout{grid-template-columns:1fr;gap:2rem}.pl-sidebar{position:static;display:flex;flex-wrap:wrap;gap:.5rem;border-top:1px solid #f3f4f6;padding-top:1rem}.pl-sidebar-title{width:100%}.pl-categories{flex-direction:row;flex-wrap:wrap}.pl-card-img{width:100px;height:80px}}.pd-breadcrumb{max-width:1280px;margin:0 auto;padding:.75rem 1.5rem;font-size:.85rem;color:#6b7280;display:flex;align-items:center;flex-wrap:wrap;gap:.25rem}.pd-breadcrumb a{color:#6b7280;text-decoration:none;transition:color .15s}.pd-breadcrumb a:hover{color:#111827}.pd-breadcrumb-sep{color:#d1d5db}.pd-breadcrumb-current{color:#3b82f6;font-weight:500;background:#eff6ff;padding:.15rem .55rem;border-radius:999px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}.pd-layout{max-width:1280px;margin:0 auto;padding:0 1.5rem 4rem;display:grid;grid-template-columns:1fr 240px;gap:3rem;align-items:start}.pd-content{min-width:0}.pd-header{margin-bottom:2rem}.pd-title{font-size:2.5rem;font-weight:800;color:#0f172a;line-height:1.15;margin:0 0 .75rem}.pd-meta{display:flex;align-items:center;gap:.4rem;font-size:.875rem;color:#6b7280;flex-wrap:wrap;margin-bottom:1rem}.pd-meta-dot{color:#d1d5db}.pd-summary{background:#f8fafc;border-left:3px solid #3b82f6;padding:.85rem 1rem;border-radius:0 6px 6px 0;font-size:.9rem;color:#374151;line-height:1.6;margin-bottom:1rem}.pd-summary strong{color:#3b82f6;font-weight:600;margin-right:.35rem}.pd-tags{display:flex;flex-wrap:wrap;gap:.4rem}.pd-tag{background:#eff6ff;color:#2563eb;font-size:.75rem;font-weight:500;padding:.2rem .6rem;border-radius:999px}.pd-cover{width:100%;border-radius:8px;margin-bottom:2rem;max-height:420px;object-fit:cover}.pd-body{font-size:1rem;line-height:1.8;color:#1f2937}.pd-body h1{font-size:2.25rem;font-weight:800;color:#111827;line-height:1.2;margin:2.5rem 0 1rem}.pd-body h2{font-size:1.6rem;font-weight:700;color:#111827;margin:2.8rem 0 .75rem;padding-bottom:.4rem;border-bottom:1px solid #e5e7eb}.pd-body h3{font-size:1.2rem;font-weight:600;color:#111827;margin:2rem 0 .6rem}.pd-body h4,.pd-body h5,.pd-body h6{font-size:1rem;font-weight:600;color:#374151;margin:1.5rem 0 .5rem}.pd-body p{margin:0 0 1.25rem}.pd-body a{color:#2563eb;text-decoration:none;text-underline-offset:2px}.pd-body a:hover{text-decoration:underline}.pd-body code{background:#f1f5f9;border:1px solid #e2e8f0;padding:.15em .45em;border-radius:5px;font-size:.85em;color:#0f172a;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;white-space:nowrap}.pd-body pre{background:#0f172a;color:#e2e8f0;padding:1.25rem 1.5rem;border-radius:10px;overflow-x:auto;margin:1.5rem 0;font-size:.9rem;line-height:1.7}.pd-body pre code{background:none;border:none;padding:0;color:inherit;font-size:inherit;white-space:pre}.pd-body blockquote{background:#f8faff;border:1px solid #bfdbfe;border-left:4px solid #3b82f6;border-radius:0 8px 8px 0;margin:1.5rem 0;padding:.85rem 1.1rem;color:#1e40af;font-style:normal}.pd-body blockquote p{margin:0}.pd-body img{max-width:100%;border-radius:8px;margin:1.25rem 0;display:block}.pd-body ul,.pd-body ol{padding-left:1.6rem;margin-bottom:1.25rem}.pd-body li{margin-bottom:.5rem;line-height:1.7}.pd-body hr{border:none;border-top:1px solid #e5e7eb;margin:2rem 0}.pd-body table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.9rem}.pd-body th,.pd-body td{border:1px solid #e5e7eb;padding:.6rem .9rem;text-align:left}.pd-body th{background:#f9fafb;font-weight:600;color:#374151}.pd-footer{margin-top:3rem;padding-top:1.5rem;border-top:1px solid #f3f4f6}.btn-back{display:inline-flex;align-items:center;gap:.35rem;color:#6b7280;text-decoration:none;font-size:.875rem;transition:color .15s}.btn-back:hover{color:#111827}.pd-sidebar{position:sticky;top:80px;max-height:calc(100vh - 100px);overflow-y:auto;display:flex;flex-direction:column;gap:2rem}.pd-sidebar-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#9ca3af;margin:0 0 .75rem}.pd-toc{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.1rem}.pd-toc-item a{display:block;font-size:.85rem;color:#6b7280;text-decoration:none;border-left:2px solid transparent;padding:.25rem 0 .25rem .75rem;transition:color .15s,border-color .15s;line-height:1.4}.pd-toc-item a:hover{color:#111827}.pd-toc-item a.pd-toc-active{color:#2563eb;border-left-color:#2563eb;font-weight:500}.pd-toc-h3 a{padding-left:1.5rem;font-size:.8rem}.pd-categories{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.1rem}.pd-categories a{display:flex;align-items:center;justify-content:space-between;font-size:.85rem;color:#6b7280;text-decoration:none;padding:.35rem .5rem;border-radius:5px;transition:background .15s,color .15s}.pd-categories a:hover{background:#f3f4f6;color:#111827}.pd-categories a.pd-cat-active{background:#eff6ff;color:#2563eb;font-weight:500}.pd-cat-count{background:#f3f4f6;color:#9ca3af;font-size:.7rem;font-weight:600;padding:.1rem .45rem;border-radius:999px}.pd-categories a.pd-cat-active .pd-cat-count{background:#dbeafe;color:#2563eb}.post-loading,.post-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6rem 1.5rem;gap:1rem;color:#6b7280}.spinner{width:36px;height:36px;border:3px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin .7s linear infinite}@media (max-width: 900px){.pd-layout{grid-template-columns:1fr;gap:2rem}.pd-sidebar{position:static;max-height:none;flex-direction:row;flex-wrap:wrap;gap:1.5rem;border-top:1px solid #f3f4f6;padding-top:1.5rem}.pd-sidebar-section{min-width:160px;flex:1}}.about-page{padding:2rem 0 4rem}.about-hero{text-align:center;padding:2.5rem 0 3rem;margin-bottom:4rem;border-bottom:1px solid #e5e7eb}.about-hero h1{font-size:2.75rem;font-weight:800;color:#111827;margin-bottom:1.25rem}.about-tagline{font-size:1.2rem;color:#6b7280;line-height:1.7;max-width:560px;margin:0 auto}.about-section{max-width:760px;margin:0 auto 3.5rem}.about-section h2{font-size:1.6rem;font-weight:700;color:#111827;margin-bottom:1.25rem;padding-bottom:.5rem;border-bottom:2px solid transparent;background:linear-gradient(135deg,#3b82f6,#8b5cf6) bottom/60px 2px no-repeat}.about-section p{color:#374151;line-height:1.8;font-size:1.05rem;margin-bottom:1rem}.skills-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:1.5rem}.skill-group{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;padding:1.5rem;transition:all .3s}.skill-group:hover{border-color:#3b82f6;box-shadow:0 8px 24px #3b82f61f;transform:translateY(-3px)}.skill-group h3{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#3b82f6;margin-bottom:.875rem}.skill-group ul{list-style:none;margin:0;padding:0}.skill-group ul li{color:#374151;font-size:.95rem;padding:.3rem 0;border-bottom:1px solid #f3f4f6;display:flex;align-items:center;gap:.5rem}.skill-group ul li:last-child{border-bottom:none}.skill-group ul li:before{content:"▸";color:#8b5cf6;font-size:.75rem}.about-cta{text-align:center;background:linear-gradient(135deg,#eff6ff,#f5f3ff);border:1px solid #dbeafe;border-radius:1.5rem;padding:4rem 2rem;margin-top:2rem}.about-cta h2{font-size:2rem;font-weight:700;color:#111827;margin-bottom:.75rem}.about-cta p{color:#6b7280;font-size:1.05rem;margin-bottom:2rem}@media (max-width: 640px){.about-hero h1{font-size:2rem}.skills-grid{grid-template-columns:1fr}.about-cta{padding:2.5rem 1.5rem}}.services-page{padding:2rem 0 4rem}.services-hero{text-align:center;padding:2.5rem 0 3rem;margin-bottom:4rem}.services-hero h1{font-size:2.75rem;font-weight:800;color:#111827;margin-bottom:1rem}.services-hero p{font-size:1.2rem;color:#6b7280;max-width:520px;margin:0 auto;line-height:1.6}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-bottom:3rem}.service-card{background:#fff;border:1px solid #e5e7eb;border-radius:1.25rem;padding:2rem;display:flex;flex-direction:column;gap:1rem;transition:all .3s;position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);opacity:0;transition:opacity .3s}.service-card:hover{transform:translateY(-5px);box-shadow:0 16px 40px #3b82f626;border-color:#bfdbfe}.service-card:hover:before{opacity:1}.service-card h2{font-size:1.3rem;font-weight:700;color:#111827}.service-desc{color:#6b7280;line-height:1.6;font-size:.95rem;flex:1}.service-features{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.service-features li{color:#374151;font-size:.9rem;display:flex;align-items:center;gap:.5rem}.service-features li:before{content:"✓";color:#10b981;font-weight:700;font-size:.85rem}.service-price{font-size:1.35rem;font-weight:700;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.services-note{text-align:center;padding:2.5rem;background:#f9fafb;border-radius:1rem;border:1px solid #e5e7eb}.services-note p{color:#6b7280;font-size:1rem;line-height:1.6}@media (max-width: 640px){.services-hero h1{font-size:2rem}.services-grid{grid-template-columns:1fr}}.contact-page{padding:2rem 0 4rem;max-width:760px;margin:0 auto}.contact-hero{text-align:center;padding:2.5rem 0 3rem;margin-bottom:3rem}.contact-hero h1{font-size:2.75rem;font-weight:800;color:#111827;margin-bottom:1rem}.contact-hero p{font-size:1.15rem;color:#6b7280;line-height:1.6}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}.contact-form-section{background:linear-gradient(135deg,#eff6ff,#f5f3ff);border:1px solid #dbeafe;border-radius:1.25rem;padding:2.5rem;text-align:center}.contact-form-section p{color:#374151;line-height:1.6;margin-bottom:1.75rem;font-size:1rem}.btn-large{padding:.875rem 2rem;font-size:1.05rem}.contact-info{padding:2rem}.contact-info h3{font-size:1.15rem;font-weight:700;color:#111827;margin-bottom:1.25rem}.contact-info ul{list-style:none;margin:0 0 2rem;padding:0;display:flex;flex-direction:column;gap:.875rem}.contact-info ul li{font-size:.95rem;color:#374151;display:flex;align-items:center;gap:.5rem}.contact-info ul li a{color:#3b82f6;font-weight:500;text-decoration:none;transition:color .2s}.contact-info ul li a:hover{color:#2563eb}.contact-availability{font-size:.9rem;color:#6b7280;line-height:1.6;padding:1rem 1.25rem;background:#f9fafb;border-radius:.75rem;border-left:3px solid #10b981}@media (max-width: 640px){.contact-hero h1{font-size:2rem}.contact-layout{grid-template-columns:1fr}.contact-form-section{padding:2rem 1.5rem}}.portfolio-page{padding:2rem 0 4rem}.portfolio-hero{text-align:center;padding:2.5rem 0 3rem;margin-bottom:4rem}.portfolio-hero h1{font-size:2.75rem;font-weight:800;color:#111827;margin-bottom:1rem}.portfolio-hero p{font-size:1.2rem;color:#6b7280;max-width:480px;margin:0 auto;line-height:1.6}.portfolio-loading,.portfolio-empty{text-align:center;padding:4rem 2rem;color:#6b7280}.spinner{display:inline-block;width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem}.portfolio-card{background:#f8faff;border:1.5px solid transparent;border-radius:1.25rem;overflow:hidden;transition:all .3s;display:flex;flex-direction:column;box-shadow:0 2px 12px #3b82f614,inset 0 0 0 1.5px #dbeafe}.portfolio-card:hover{transform:translateY(-5px);box-shadow:0 16px 40px #3b82f62e,inset 0 0 0 1.5px #93c5fd}.portfolio-card.featured{box-shadow:0 4px 20px #6366f126,inset 0 0 0 1.5px #a5b4fc;background:#f5f3ff}.portfolio-card-img{width:100%;height:200px;object-fit:cover;display:block}.portfolio-card-body{padding:1.75rem;display:flex;flex-direction:column;gap:.875rem;flex:1}.badge-featured{display:inline-block;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.25rem .75rem;border-radius:9999px;width:fit-content}.portfolio-card-body h2{font-size:1.25rem;font-weight:700;color:#111827}.portfolio-card-body p{color:#6b7280;line-height:1.6;font-size:.95rem;flex:1}.portfolio-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag{font-size:.78rem;font-weight:500;color:#3b82f6;background:#eff6ff;border:1px solid #bfdbfe;padding:.2rem .65rem;border-radius:9999px}.portfolio-links{display:flex;gap:.75rem;margin-top:.25rem}.btn-sm{padding:.5rem 1rem;font-size:.875rem}@media (max-width: 640px){.portfolio-hero h1{font-size:2rem}.portfolio-grid{grid-template-columns:1fr}}.jld-editor{display:flex;flex-direction:column;height:100vh;overflow:hidden;background:#0f172a;color:#e2e8f0;font-family:Inter,system-ui,sans-serif}.jld-topbar{display:flex;align-items:center;gap:1rem;padding:.6rem 1.25rem;background:#1e293b;border-bottom:1px solid #334155;flex-shrink:0;flex-wrap:wrap}.jld-topbar-title{font-weight:700;font-size:.95rem;color:#f1f5f9;white-space:nowrap}.jld-topbar-modes{display:flex;gap:.25rem;margin-left:auto}.jld-mode-btn{padding:.3rem .75rem;border-radius:5px;border:1px solid #475569;background:transparent;color:#94a3b8;font-size:.8rem;cursor:pointer;transition:all .15s}.jld-mode-btn:hover{background:#334155;color:#e2e8f0}.jld-mode-btn.active{background:#2563eb;border-color:#2563eb;color:#fff}.jld-topbar-actions{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.jld-saved{color:#4ade80;font-size:.8rem;font-weight:600}.jld-err{color:#f87171;font-size:.8rem;max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jld-btn-draft,.jld-btn-publish{padding:.35rem 1rem;border-radius:6px;border:none;cursor:pointer;font-size:.85rem;font-weight:600;transition:background .15s}.jld-btn-draft{background:#334155;color:#e2e8f0}.jld-btn-draft:hover{background:#475569}.jld-btn-publish{background:#2563eb;color:#fff}.jld-btn-publish:hover{background:#1d4ed8}.jld-btn-draft:disabled,.jld-btn-publish:disabled{opacity:.5;cursor:not-allowed}.jld-body{display:flex;flex:1;overflow:hidden;min-height:0}.jld-meta{width:260px;flex-shrink:0;background:#1e293b;border-right:1px solid #334155;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.9rem}.jld-meta-title{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:#64748b;margin:0 0 .25rem}.jld-label{display:flex;flex-direction:column;gap:.3rem;font-size:.78rem;color:#94a3b8}.jld-input{background:#0f172a;border:1px solid #334155;border-radius:5px;color:#e2e8f0;padding:.4rem .6rem;font-size:.85rem;outline:none;transition:border-color .15s;width:100%;box-sizing:border-box}.jld-input:focus{border-color:#2563eb}.jld-input option{background:#1e293b}.jld-textarea-sm{resize:vertical;font-family:inherit;line-height:1.5}.jld-label-hint{font-size:.7rem;color:#64748b;font-weight:400}.jld-label-row{display:flex;justify-content:space-between;align-items:baseline;width:100%}.jld-char-count{font-size:.68rem;color:#64748b;font-weight:400}.jld-char-count.warn{color:#f59e0b;font-weight:600}.jld-tags-pool{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.5rem;min-height:1.6rem}.jld-tag-chip{background:#1e293b;border:1px solid #334155;color:#94a3b8;font-size:.72rem;padding:.2rem .6rem;border-radius:999px;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.jld-tag-chip.selected{background:#1d4ed8;border-color:#3b82f6;color:#bfdbfe}.jld-cat-row{display:flex;gap:.35rem}.jld-cat-select{flex:1}.jld-new-btn{background:#334155;border:1px solid #475569;color:#e2e8f0;border-radius:5px;width:28px;cursor:pointer;font-size:1.1rem;line-height:1;flex-shrink:0}.jld-new-row{display:flex;gap:.35rem;margin-top:.35rem}.jld-new-input{flex:1}.jld-new-confirm-btn{background:#0f766e;border:1px solid #14b8a6;color:#ccfbf1;border-radius:5px;padding:0 .6rem;cursor:pointer;font-size:.8rem;white-space:nowrap}.jld-new-confirm-btn:disabled{opacity:.5;cursor:default}.jld-img-upload{border:1px dashed #334155;border-radius:6px;padding:.75rem;text-align:center}.jld-img-label{font-size:.75rem;color:#64748b;margin:0 0 .5rem}.jld-img-btn{background:#334155;border:1px solid #475569;color:#e2e8f0;border-radius:5px;padding:.35rem .75rem;cursor:pointer;font-size:.8rem;transition:background .15s}.jld-img-btn:hover{background:#475569}.jld-img-btn:disabled{opacity:.5;cursor:not-allowed}.jld-img-hint{font-size:.7rem;color:#475569;margin:.4rem 0 0}.jld-editor-pane,.jld-preview-pane{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.jld-editor-pane{border-right:1px solid #334155}.jld-pane-header{padding:.4rem 1rem;background:#1e293b;border-bottom:1px solid #334155;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:#64748b;flex-shrink:0}.jld-markdown-input{flex:1;resize:none;border:none;outline:none;background:#0f172a;color:#e2e8f0;font-family:JetBrains Mono,Fira Code,Cascadia Code,monospace;font-size:.9rem;line-height:1.8;padding:1.25rem 1.5rem;overflow-y:auto;-moz-tab-size:2;tab-size:2}.jld-preview-pane{background:#fff;color:#1e293b}.jld-preview-body{flex:1;overflow-y:auto;padding:1.5rem 2rem;font-size:1rem;line-height:1.8;color:#374151}.jld-preview-body h1{font-size:1.8rem;font-weight:700;color:#111827;margin:1.5rem 0 .75rem}.jld-preview-body h2{font-size:1.4rem;font-weight:700;color:#111827;margin:2rem 0 .75rem;border-bottom:1px solid #f3f4f6;padding-bottom:.4rem}.jld-preview-body h3{font-size:1.15rem;font-weight:600;color:#111827;margin:1.5rem 0 .5rem}.jld-preview-body p{margin:0 0 1.1rem}.jld-preview-body a{color:#2563eb}.jld-preview-body code{background:#f3f4f6;padding:.15em .4em;border-radius:4px;font-size:.875em}.jld-preview-body pre{background:#1e293b;color:#e2e8f0;padding:1rem 1.25rem;border-radius:8px;overflow-x:auto;margin:1.5rem 0}.jld-preview-body pre code{background:none;padding:0}.jld-preview-body blockquote{border-left:4px solid #e5e7eb;margin:1.5rem 0;padding:.5rem 1rem;color:#6b7280;font-style:italic}.jld-preview-body ul,.jld-preview-body ol{padding-left:1.5rem;margin-bottom:1.1rem}.jld-preview-body li{margin-bottom:.3rem}.jld-preview-body hr{border:none;border-top:1px solid #e5e7eb;margin:2rem 0}.jld-preview-body img{max-width:100%;border-radius:6px}@media (max-width: 900px){.jld-meta{width:220px}}@media (max-width: 680px){.jld-body{flex-direction:column}.jld-meta{width:100%;height:auto;max-height:45vh;border-right:none;border-bottom:1px solid #334155}.jld-editor-pane{border-right:none}}.mp-page{min-height:100vh;background:#0c0e1a;background-image:linear-gradient(rgba(0,229,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,229,255,.03) 1px,transparent 1px);background-size:20px 20px;padding:2rem 1rem;font-family:Courier New,Consolas,monospace;color:#c8d0f0}.mp-card{max-width:1100px;margin:0 auto;background:#12151f;border:2px solid #1e2240;border-top:4px solid #00e5ff;box-shadow:8px 8px #000,0 0 40px #00e5ff12;padding:2rem}.mp-header{text-align:center;margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:2px solid #1e2240}.mp-title{font-size:1.6rem;font-weight:900;color:#00e5ff;margin:0 0 .5rem;letter-spacing:.06em;text-shadow:0 0 18px rgba(0,229,255,.7),0 0 40px rgba(0,229,255,.3)}.mp-subtitle{font-size:.65rem;color:#3a4060;margin:0;letter-spacing:.15em;text-transform:uppercase}.mp-layout{display:grid;grid-template-columns:280px 1fr;gap:1.5rem;align-items:start}.mp-controls{background:#0c0e1a;border:2px solid #1e2240;padding:1.25rem;display:flex;flex-direction:column;gap:1.25rem}.mp-section{display:flex;flex-direction:column;gap:.75rem}.mp-label{font-size:.6rem;font-weight:700;color:#00e5ff;text-transform:uppercase;letter-spacing:.15em;border-left:3px solid #00e5ff;padding-left:.5rem}.mp-dropzone{border:2px dashed #2a2d4a;padding:1.4rem 1rem;text-align:center;cursor:pointer;transition:background .12s,border-color .12s;display:flex;flex-direction:column;align-items:center;gap:.5rem;font-size:.65rem;color:#3a4060;letter-spacing:.06em}.mp-dropzone:hover,.mp-dropzone--drag{background:#00e5ff0d;border-color:#00e5ff;color:#00e5ff;box-shadow:inset 0 0 12px #00e5ff0f}.mp-dropzone--has-image{border-style:solid;border-color:#00ff9f;color:#00ff9f;background:#00ff9f0a}.mp-upload-icon{width:22px;height:22px}.mp-slider-row--highlight{background:#00e5ff0f;border:2px solid #00e5ff;padding:.75rem;color:#00e5ff}.mp-slider-row--highlight input[type=range]{accent-color:#00e5ff}.mp-slider-header{display:flex;justify-content:space-between;align-items:center;font-size:.6rem;letter-spacing:.06em}.mp-slider-row input[type=range]{width:100%;accent-color:#ffe600;cursor:pointer}.mp-badge{font-size:.6rem;font-weight:700;background:#1e2240;color:#ffe600;border:1px solid #2a2d4a;padding:2px 7px;font-family:Courier New,monospace}.mp-badge--blue{background:#00e5ff14;color:#00e5ff;border-color:#00e5ff66}.mp-badge--white{background:#ffffff14;color:#fff;border-color:#fff3}.mp-actions{gap:.5rem}.mp-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.7rem 1rem;border:2px solid;font-size:.6rem;font-weight:700;font-family:Courier New,monospace;cursor:pointer;text-transform:uppercase;letter-spacing:.1em;transition:transform .06s,box-shadow .06s}.mp-btn svg{width:16px;height:16px;flex-shrink:0}.mp-btn:active{transform:translate(3px,3px);box-shadow:none!important}.mp-btn--primary{background:#00e5ff;color:#0c0e1a;border-color:#00e5ff;box-shadow:3px 3px #006e7a}.mp-btn--primary:hover{background:#3ef}.mp-btn--secondary{background:transparent;color:#ffe600;border-color:#ffe600;box-shadow:3px 3px #6b5f00}.mp-btn--secondary:hover{background:#ffe60014}.mp-preview{display:flex;flex-direction:column;gap:1rem}.mp-report{background:#0c0e1a;border:2px solid #1e2240;border-left:4px solid #ff0090;padding:1rem 1.25rem}.mp-report-title{font-size:.6rem;font-weight:700;color:#ff0090;display:flex;align-items:center;gap:.45rem;text-transform:uppercase;letter-spacing:.12em;text-shadow:0 0 10px rgba(255,0,144,.5)}.mp-dot{display:inline-block;width:8px;height:10px;background:#ff0090;animation:mp-blink 1s steps(1) infinite;flex-shrink:0}@keyframes mp-blink{0%,to{opacity:1}50%{opacity:0}}.mp-report-meta{font-size:.58rem;color:#3a4060;font-family:Courier New,monospace;letter-spacing:.06em}.mp-progress-bar{display:flex;gap:2px;height:12px;margin-bottom:.35rem}.mp-seg{flex:1;background:#1e2240;border:1px solid #2a2d4a}.mp-seg--filled{background:#00e5ff;border-color:#00e5ff;box-shadow:0 0 5px #00e5ff99}.mp-progress-fill{display:none}.mp-progress-label{font-size:.58rem;color:#00e5ff;font-weight:700;text-align:right;margin-bottom:.6rem;letter-spacing:.1em}.mp-report-body{font-size:.68rem;color:#6878a8;line-height:1.85;margin:0}.mp-report-body strong{color:#c8d0f0}.mp-report-hint{font-size:.58rem;color:#3a4060}.mp-canvas-area{border:2px solid #1e2240;background:#000;display:flex;align-items:center;justify-content:center;min-height:300px;position:relative;box-shadow:0 0 30px #00e5ff14,inset 0 0 40px #0009;overflow:hidden}.mp-canvas-area:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.18) 1.5px,transparent 1.5px),linear-gradient(90deg,rgba(255,255,255,.18) 1.5px,transparent 1.5px);background-size:17.5px 17.5px;pointer-events:none;z-index:2}.mp-placeholder{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:4rem 2rem;color:#2a2d4a;font-size:.65rem}.mp-placeholder p{margin:0;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.mp-blur-fixed{height:8px;background:#1e2240;border:1px solid #2a2d4a}.mp-blur-bar{height:100%;background:repeating-linear-gradient(90deg,#3a4060,#3a4060 7px,#1e2240 7px,#1e2240 9px)}.mp-card{max-width:1100px;margin:0 auto;background:#fff;border-radius:24px;box-shadow:0 20px 60px #00000017;border:1px solid #e2e8f0;padding:2.5rem 2rem}.mp-header{text-align:center;margin-bottom:2.5rem}.mp-title{font-size:2.25rem;font-weight:900;color:#0f172a;margin:0 0 .4rem;letter-spacing:-.02em}.mp-subtitle{font-size:1rem;color:#64748b;margin:0}.mp-layout{display:grid;grid-template-columns:280px 1fr;gap:2rem;align-items:start}@media (max-width: 768px){.mp-layout{grid-template-columns:1fr}}.mp-controls{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;padding:1.5rem;display:flex;flex-direction:column;gap:1.4rem}.mp-section{display:flex;flex-direction:column;gap:.8rem}.mp-label{font-size:.8rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.06em}.mp-dropzone{border:2px dashed #cbd5e1;border-radius:14px;padding:1.4rem 1rem;text-align:center;cursor:pointer;transition:background .2s,border-color .2s;display:flex;flex-direction:column;align-items:center;gap:.5rem;font-size:.85rem;color:#94a3b8;font-weight:500}.mp-dropzone:hover,.mp-dropzone--drag{background:#eff6ff;border-color:#3b82f6;color:#2563eb}.mp-dropzone--has-image{border-style:solid;border-color:#22c55e;color:#16a34a;background:#f0fdf4}.mp-upload-icon{width:28px;height:28px}.mp-slider-row{display:flex;flex-direction:column;gap:.5rem}.mp-slider-row--highlight{background:#2563eb;border-radius:14px;padding:.9rem 1rem;color:#fff}.mp-slider-row--highlight input[type=range]{accent-color:#93c5fd}.mp-slider-header{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;font-weight:600}.mp-slider-row input[type=range]{width:100%;accent-color:#2563eb;cursor:pointer}.mp-badge{font-size:.75rem;font-weight:700;background:#e2e8f0;color:#334155;border-radius:6px;padding:2px 8px;font-family:monospace}.mp-badge--blue{background:#dbeafe;color:#1d4ed8}.mp-badge--white{background:#ffffff40;color:#fff}.mp-actions{gap:.6rem}.mp-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem 1rem;border:none;border-radius:12px;font-size:.875rem;font-weight:700;cursor:pointer;transition:background .18s,transform .1s}.mp-btn svg{width:18px;height:18px;flex-shrink:0}.mp-btn:active{transform:scale(.97)}.mp-btn--primary{background:#1e293b;color:#fff}.mp-btn--primary:hover{background:#0f172a}.mp-btn--secondary{background:#f1f5f9;color:#475569}.mp-btn--secondary:hover{background:#e2e8f0}.mp-preview{display:flex;flex-direction:column;gap:1.25rem}.mp-report{background:#fff;border:1px solid #dbeafe;border-radius:16px;padding:1.25rem 1.5rem;box-shadow:0 2px 12px #3b82f60f}.mp-report-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.mp-report-title{font-size:.875rem;font-weight:700;color:#1d4ed8;display:flex;align-items:center;gap:.4rem}.mp-dot{width:8px;height:8px;border-radius:50%;background:#3b82f6;animation:mp-pulse 1.5s ease-in-out infinite;flex-shrink:0}@keyframes mp-pulse{0%,to{opacity:1}50%{opacity:.35}}.mp-report-meta{font-size:.75rem;color:#94a3b8;font-family:monospace}.mp-progress-bar{height:6px;background:#e2e8f0;border-radius:99px;overflow:hidden;margin-bottom:.3rem}.mp-progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#6366f1);border-radius:99px;transition:width .4s ease}.mp-progress-label{font-size:.75rem;color:#6366f1;font-weight:700;text-align:right;margin-bottom:.6rem}.mp-report-body{font-size:.875rem;color:#475569;line-height:1.65;margin:0}.mp-report-body strong{color:#0f172a}.mp-report-hint{font-size:.78rem;color:#94a3b8}.mp-canvas-area{border-radius:16px;overflow:hidden;border:1px solid #e2e8f0;background:#f1f5f9;box-shadow:0 8px 32px #00000012;display:flex;align-items:center;justify-content:center;min-height:300px}.mp-img{display:block;width:100%;height:auto;max-width:700px;margin:0 auto;image-rendering:pixelated}.mp-placeholder{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:4rem 2rem;color:#94a3b8;font-size:.95rem}.mp-placeholder p{margin:0;font-weight:500}.mp-blur-fixed{height:6px;background:#e2e8f0;border-radius:99px;overflow:hidden}.mp-blur-bar{height:100%;background:linear-gradient(90deg,#94a3b8,#475569);border-radius:99px}[data-dapp-kit]:where(*),[data-dapp-kit] :where(*){box-sizing:border-box;color:var(--dapp-kit-colors-body);font-family:var(--dapp-kit-typography-fontFamily);font-size:var(--dapp-kit-fontWeights-normal);font-style:var(--dapp-kit-typography-fontStyle);font-weight:var(--dapp-kit-fontWeights-normal);line-height:var(--dapp-kit-typography-lineHeight);letter-spacing:var(--dapp-kit-typography-letterSpacing)}[data-dapp-kit]:where(button),[data-dapp-kit] :where(button){-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;font-size:inherit;font-family:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;border:0;padding:0;margin:0}[data-dapp-kit]:where(a),[data-dapp-kit] :where(a){text-decoration:none;color:inherit;outline:none}[data-dapp-kit]:where(ol,ul),[data-dapp-kit] :where(ol,ul){list-style:none;margin:0;padding:0}[data-dapp-kit]:where(h1,h2,h3,h4,h5,h6),[data-dapp-kit] :where(h1,h2,h3,h4,h5,h6){font-size:inherit;font-weight:inherit;margin:0}[data-dapp-kit].Heading_headingVariants_size_sm__1aa835k1,[data-dapp-kit] .Heading_headingVariants_size_sm__1aa835k1{font-size:var(--dapp-kit-fontSizes-small)}[data-dapp-kit].Heading_headingVariants_size_md__1aa835k2,[data-dapp-kit] .Heading_headingVariants_size_md__1aa835k2{font-size:var(--dapp-kit-fontSizes-medium)}[data-dapp-kit].Heading_headingVariants_size_lg__1aa835k3,[data-dapp-kit] .Heading_headingVariants_size_lg__1aa835k3{font-size:var(--dapp-kit-fontSizes-large)}[data-dapp-kit].Heading_headingVariants_size_xl__1aa835k4,[data-dapp-kit] .Heading_headingVariants_size_xl__1aa835k4{font-size:var(--dapp-kit-fontSizes-xlarge)}[data-dapp-kit].Heading_headingVariants_weight_normal__1aa835k5,[data-dapp-kit] .Heading_headingVariants_weight_normal__1aa835k5{font-weight:var(--dapp-kit-fontWeights-normal)}[data-dapp-kit].Heading_headingVariants_weight_bold__1aa835k6,[data-dapp-kit] .Heading_headingVariants_weight_bold__1aa835k6{font-weight:var(--dapp-kit-fontWeights-bold)}[data-dapp-kit].Heading_headingVariants_truncate_true__1aa835k7,[data-dapp-kit] .Heading_headingVariants_truncate_true__1aa835k7{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-dapp-kit].IconButton_container__s6n7bq0,[data-dapp-kit] .IconButton_container__s6n7bq0{border-radius:9999px;padding:8px;color:var(--dapp-kit-colors-iconButton);background-color:var(--dapp-kit-backgroundColors-iconButton)}[data-dapp-kit].IconButton_container__s6n7bq0:hover,[data-dapp-kit] .IconButton_container__s6n7bq0:hover{background-color:var(--dapp-kit-backgroundColors-iconButtonHover)}[data-dapp-kit].ConnectModal_overlay__gz8z90,[data-dapp-kit] .ConnectModal_overlay__gz8z90{background-color:var(--dapp-kit-backgroundColors-modalOverlay);-webkit-backdrop-filter:var(--dapp-kit-blurs-modalOverlay);backdrop-filter:var(--dapp-kit-blurs-modalOverlay);position:fixed;top:0;right:0;bottom:0;left:0;z-index:999999999}[data-dapp-kit].ConnectModal_title__gz8z91,[data-dapp-kit] .ConnectModal_title__gz8z91{padding-left:8px}[data-dapp-kit].ConnectModal_content__gz8z92,[data-dapp-kit] .ConnectModal_content__gz8z92{background-color:var(--dapp-kit-backgroundColors-modalPrimary);border-radius:var(--dapp-kit-radii-xlarge);color:var(--dapp-kit-colors-body);position:fixed;bottom:16px;left:16px;right:16px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;min-height:50vh;max-height:85vh;max-width:700px}[data-dapp-kit].ConnectModal_whatIsAWalletButton__gz8z93,[data-dapp-kit] .ConnectModal_whatIsAWalletButton__gz8z93{background-color:var(--dapp-kit-backgroundColors-modalSecondary);padding:16px}[data-dapp-kit].ConnectModal_viewContainer__gz8z94,[data-dapp-kit] .ConnectModal_viewContainer__gz8z94{display:none;padding:20px;flex-grow:1}[data-dapp-kit].ConnectModal_selectedViewContainer__gz8z95,[data-dapp-kit] .ConnectModal_selectedViewContainer__gz8z95{display:flex}[data-dapp-kit].ConnectModal_backButtonContainer__gz8z96,[data-dapp-kit] .ConnectModal_backButtonContainer__gz8z96{position:absolute;top:20px;left:20px}[data-dapp-kit].ConnectModal_closeButtonContainer__gz8z97,[data-dapp-kit] .ConnectModal_closeButtonContainer__gz8z97{position:absolute;top:16px;right:16px}[data-dapp-kit].ConnectModal_walletListContent__gz8z98,[data-dapp-kit] .ConnectModal_walletListContent__gz8z98{display:flex;flex-direction:column;flex-grow:1;gap:24px;padding:20px;background-color:var(--dapp-kit-backgroundColors-modalPrimary)}[data-dapp-kit].ConnectModal_walletListContainer__gz8z99,[data-dapp-kit] .ConnectModal_walletListContainer__gz8z99{display:flex;justify-content:space-between;flex-direction:column;flex-grow:1}[data-dapp-kit].ConnectModal_walletListContainerWithViewSelected__gz8z9a,[data-dapp-kit] .ConnectModal_walletListContainerWithViewSelected__gz8z9a{display:none}@media screen and (min-width: 768px){[data-dapp-kit].ConnectModal_content__gz8z92,[data-dapp-kit] .ConnectModal_content__gz8z92{flex-direction:row;width:100%;top:50%;left:50%;transform:translate(-50%,-50%)}[data-dapp-kit].ConnectModal_whatIsAWalletButton__gz8z93,[data-dapp-kit] .ConnectModal_whatIsAWalletButton__gz8z93{display:none}[data-dapp-kit].ConnectModal_viewContainer__gz8z94,[data-dapp-kit] .ConnectModal_viewContainer__gz8z94{display:flex}[data-dapp-kit].ConnectModal_backButtonContainer__gz8z96,[data-dapp-kit] .ConnectModal_backButtonContainer__gz8z96{display:none}[data-dapp-kit].ConnectModal_walletListContent__gz8z98,[data-dapp-kit] .ConnectModal_walletListContent__gz8z98{background-color:var(--dapp-kit-backgroundColors-modalSecondary)}[data-dapp-kit].ConnectModal_walletListContainer__gz8z99,[data-dapp-kit] .ConnectModal_walletListContainer__gz8z99{flex-direction:row;flex-basis:240px;flex-grow:0;flex-shrink:0}[data-dapp-kit].ConnectModal_walletListContainerWithViewSelected__gz8z9a,[data-dapp-kit] .ConnectModal_walletListContainerWithViewSelected__gz8z9a{display:flex}}[data-dapp-kit].Button_buttonVariants__x1s81q0,[data-dapp-kit] .Button_buttonVariants__x1s81q0{display:inline-flex;align-items:center;justify-content:center;font-weight:var(--dapp-kit-fontWeights-medium)}[data-dapp-kit].Button_buttonVariants__x1s81q0:disabled,[data-dapp-kit] .Button_buttonVariants__x1s81q0:disabled{opacity:.5}[data-dapp-kit].Button_buttonVariants_variant_primary__x1s81q1,[data-dapp-kit] .Button_buttonVariants_variant_primary__x1s81q1{background-color:var(--dapp-kit-backgroundColors-primaryButton);color:var(--dapp-kit-colors-primaryButton);box-shadow:var(--dapp-kit-shadows-primaryButton)}[data-dapp-kit].Button_buttonVariants_variant_primary__x1s81q1:hover,[data-dapp-kit] .Button_buttonVariants_variant_primary__x1s81q1:hover{background-color:var(--dapp-kit-backgroundColors-primaryButtonHover)}[data-dapp-kit].Button_buttonVariants_variant_outline__x1s81q2,[data-dapp-kit] .Button_buttonVariants_variant_outline__x1s81q2{border-width:1px;border-style:solid;border-color:var(--dapp-kit-borderColors-outlineButton);color:var(--dapp-kit-colors-outlineButton)}[data-dapp-kit].Button_buttonVariants_variant_outline__x1s81q2:hover,[data-dapp-kit] .Button_buttonVariants_variant_outline__x1s81q2:hover{background-color:var(--dapp-kit-backgroundColors-outlineButtonHover)}[data-dapp-kit].Button_buttonVariants_size_md__x1s81q3,[data-dapp-kit] .Button_buttonVariants_size_md__x1s81q3{border-radius:var(--dapp-kit-radii-medium);padding:8px 16px}[data-dapp-kit].Button_buttonVariants_size_lg__x1s81q4,[data-dapp-kit] .Button_buttonVariants_size_lg__x1s81q4{border-radius:var(--dapp-kit-radii-large);padding:16px 24px}[data-dapp-kit].Text_textVariants_size_sm__2bv1ur1,[data-dapp-kit] .Text_textVariants_size_sm__2bv1ur1{font-size:var(--dapp-kit-fontSizes-small)}[data-dapp-kit].Text_textVariants_weight_normal__2bv1ur2,[data-dapp-kit] .Text_textVariants_weight_normal__2bv1ur2{font-weight:var(--dapp-kit-fontWeights-normal)}[data-dapp-kit].Text_textVariants_weight_medium__2bv1ur3,[data-dapp-kit] .Text_textVariants_weight_medium__2bv1ur3{font-weight:var(--dapp-kit-fontWeights-medium)}[data-dapp-kit].Text_textVariants_weight_bold__2bv1ur4,[data-dapp-kit] .Text_textVariants_weight_bold__2bv1ur4{font-weight:var(--dapp-kit-fontWeights-bold)}[data-dapp-kit].Text_textVariants_color_muted__2bv1ur5,[data-dapp-kit] .Text_textVariants_color_muted__2bv1ur5{color:var(--dapp-kit-colors-bodyMuted)}[data-dapp-kit].Text_textVariants_color_danger__2bv1ur6,[data-dapp-kit] .Text_textVariants_color_danger__2bv1ur6{color:var(--dapp-kit-colors-bodyDanger)}[data-dapp-kit].Text_textVariants_mono_true__2bv1ur7,[data-dapp-kit] .Text_textVariants_mono_true__2bv1ur7{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}[data-dapp-kit].ConnectionStatus_container__nckm2d0,[data-dapp-kit] .ConnectionStatus_container__nckm2d0{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}[data-dapp-kit].ConnectionStatus_walletIcon__nckm2d1,[data-dapp-kit] .ConnectionStatus_walletIcon__nckm2d1{-o-object-fit:cover;object-fit:cover;width:72px;height:72px;border-radius:var(--dapp-kit-radii-large)}[data-dapp-kit].ConnectionStatus_title__nckm2d2,[data-dapp-kit] .ConnectionStatus_title__nckm2d2{margin-top:12px}[data-dapp-kit].ConnectionStatus_connectionStatus__nckm2d3,[data-dapp-kit] .ConnectionStatus_connectionStatus__nckm2d3{margin-top:4px}[data-dapp-kit].ConnectionStatus_retryButtonContainer__nckm2d4,[data-dapp-kit] .ConnectionStatus_retryButtonContainer__nckm2d4{position:absolute;bottom:20px;right:20px}[data-dapp-kit].InfoSection_container__1wtioi70,[data-dapp-kit] .InfoSection_container__1wtioi70{display:flex;flex-direction:column;gap:4px}[data-dapp-kit].GettingStarted_container__1fp07e10,[data-dapp-kit] .GettingStarted_container__1fp07e10{display:flex;flex-direction:column;align-items:center}[data-dapp-kit].GettingStarted_content__1fp07e11,[data-dapp-kit] .GettingStarted_content__1fp07e11{display:flex;flex-direction:column;justify-content:center;flex-grow:1;gap:20px;padding:40px}[data-dapp-kit].GettingStarted_installButtonContainer__1fp07e12,[data-dapp-kit] .GettingStarted_installButtonContainer__1fp07e12{position:absolute;bottom:20px;right:20px}[data-dapp-kit].WhatIsAWallet_container__1ktpkq90,[data-dapp-kit] .WhatIsAWallet_container__1ktpkq90{display:flex;flex-direction:column;align-items:center}[data-dapp-kit].WhatIsAWallet_content__1ktpkq91,[data-dapp-kit] .WhatIsAWallet_content__1ktpkq91{display:flex;flex-direction:column;justify-content:center;flex-grow:1;gap:20px;padding:40px}[data-dapp-kit].WalletList_container__1v2s6cz0,[data-dapp-kit] .WalletList_container__1v2s6cz0{display:flex;flex-direction:column;gap:4px}[data-dapp-kit].WalletListItem_container__1dqqtqs0,[data-dapp-kit] .WalletListItem_container__1dqqtqs0{display:flex}[data-dapp-kit].WalletListItem_walletItem__1dqqtqs1,[data-dapp-kit] .WalletListItem_walletItem__1dqqtqs1{display:flex;align-items:center;flex-grow:1;padding:8px;gap:8px;border-radius:var(--dapp-kit-radii-large)}[data-dapp-kit].WalletListItem_walletItem__1dqqtqs1:hover,[data-dapp-kit] .WalletListItem_walletItem__1dqqtqs1:hover{background-color:var(--dapp-kit-backgroundColors-walletItemHover)}[data-dapp-kit].WalletListItem_selectedWalletItem__1dqqtqs2,[data-dapp-kit] .WalletListItem_selectedWalletItem__1dqqtqs2{background-color:var(--dapp-kit-backgroundColors-walletItemSelected);box-shadow:0 2px 6px #0000000d}[data-dapp-kit].WalletListItem_walletIcon__1dqqtqs3,[data-dapp-kit] .WalletListItem_walletIcon__1dqqtqs3{width:28px;height:28px;flex-shrink:0;-o-object-fit:cover;object-fit:cover;border-radius:var(--dapp-kit-radii-small)}[data-dapp-kit].AccountDropdownMenu_connectedAccount__div2ql0,[data-dapp-kit] .AccountDropdownMenu_connectedAccount__div2ql0{gap:8px}[data-dapp-kit].AccountDropdownMenu_menuContainer__div2ql1,[data-dapp-kit] .AccountDropdownMenu_menuContainer__div2ql1{z-index:999999999}[data-dapp-kit].AccountDropdownMenu_menuContent__div2ql2,[data-dapp-kit] .AccountDropdownMenu_menuContent__div2ql2{display:flex;flex-direction:column;width:180px;max-height:200px;margin-top:4px;padding:8px;gap:8px;border-radius:var(--dapp-kit-radii-large);background-color:var(--dapp-kit-backgroundColors-dropdownMenu)}[data-dapp-kit].AccountDropdownMenu_menuItem__div2ql3,[data-dapp-kit] .AccountDropdownMenu_menuItem__div2ql3{padding:8px;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:none;display:flex;align-items:center;border-radius:var(--dapp-kit-radii-large)}[data-dapp-kit].AccountDropdownMenu_menuItem__div2ql3[data-highlighted],[data-dapp-kit] .AccountDropdownMenu_menuItem__div2ql3[data-highlighted]{background-color:var(--dapp-kit-backgroundColors-primaryButton)}[data-dapp-kit].AccountDropdownMenu_switchAccountMenuItem__div2ql4,[data-dapp-kit] .AccountDropdownMenu_switchAccountMenuItem__div2ql4{display:flex;justify-content:space-between;align-items:center}[data-dapp-kit].AccountDropdownMenu_separator__div2ql5,[data-dapp-kit] .AccountDropdownMenu_separator__div2ql5{height:1px;flex-shrink:0;background-color:var(--dapp-kit-backgroundColors-dropdownMenuSeparator)}