@import "https://fonts.googleapis.com/css2?family=Caveat:wght@400;600;700&family=JetBrains+Mono:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800;900&display=swap";:root{--font-main:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-hand:"Caveat", cursive;--font-mono:"JetBrains Mono", monospace;--bg-dark:#07080c;--bg-cream:#07080c;--bg-cream-light:#0d0e16;--bg-white:#0e0f17;--bg-card:#11121c;--bg-card-elevated:#161726;--accent-purple:#5e43f3;--accent-purple-hover:#4e32e6;--accent-gold:#5e43f3;--accent-gold-hover:#4e32e6;--accent-gold-light:#5e43f32e;--accent-cyan:#06b6d4;--accent-pink:#ec4899;--accent-emerald:#10b981;--forest-green:#fff;--forest-green-dark:#07080c;--forest-green-light:#161726;--forest-green-subtle:#5e43f314;--text-dark:#fff;--text-heading:#fff;--text-body:#9ca3af;--text-muted:#6b7280;--text-white:#fff;--border-light:#ffffff14;--border-strong:#5e43f359;--shadow-card:0 10px 30px -5px #00000080, 0 0 0 1px #ffffff0f;--shadow-card-hover:0 20px 40px -10px #5e43f340, 0 0 0 1px #5e43f359;--shadow-green-card:0 20px 40px -10px #5e43f34d;--radius-sm:.5rem;--radius-md:.85rem;--radius-lg:1.25rem;--radius-xl:1.75rem;--radius-pill:9999px;--transition-normal:.25s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;color:#9ca3af;background-color:#07080c;width:100%;max-width:100%;scroll-padding-top:5rem;overflow-x:hidden}body{font-family:var(--font-main);color:#9ca3af;-webkit-font-smoothing:antialiased;background-color:#07080c;width:100%;max-width:100%;line-height:1.6;overflow-x:hidden}.portfolio-app{background-color:#07080c;width:100%;max-width:100%;position:relative;overflow-x:hidden}img,svg,video{max-width:100%}body:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(circle at 18% 12%,#f43f5e47 0%,#0000 46%),radial-gradient(circle at 82% 18%,#f973163d 0%,#0000 42%),radial-gradient(circle at 48% 45%,#3b82f642 0%,#0000 52%),radial-gradient(circle at 15% 72%,#9333ea3d 0%,#0000 46%),radial-gradient(circle at 85% 84%,#0ea5e938 0%,#0000 46%);position:fixed;inset:0}h1,h2,h3,h4,h5,h6{color:#fff;letter-spacing:-.02em;font-weight:800;line-height:1.2}p{color:#9ca3af}a{color:inherit;text-decoration:none}.font-hand{font-family:var(--font-hand)}.text-gold{color:var(--accent-purple)}.text-green{color:#fff}.faster-gradient-text{background:linear-gradient(135deg,#fff 20%,#a5b4fc 65%,#e879f9 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.faster-purple-gradient{background:linear-gradient(135deg,#5e43f3 0%,#7c3aed 50%,#ec4899 100%)}.container{z-index:1;width:100%;max-width:1220px;margin:0 auto;padding:0 1.5rem;position:relative}@media (width<=640px){.container{padding:0 1rem}}.section{padding:5.5rem 0;position:relative}@media (width<=768px){.section{padding:3.5rem 0}}.faster-badge{border-radius:var(--radius-pill);color:#a5b4fc;letter-spacing:.02em;background-color:#5e43f31f;border:1px solid #5e43f347;align-items:center;gap:.5rem;padding:.35rem .85rem;font-size:.8rem;font-weight:700;display:inline-flex}.btn-green-pill{border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition-normal);text-align:center;background-color:#5e43f3;border:1px solid #ffffff26;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.75rem;font-size:.92rem;font-weight:700;display:inline-flex;box-shadow:0 8px 25px -4px #5e43f380;color:#fff!important}.btn-green-pill:hover{background-color:#4e32e6;transform:translateY(-2px);box-shadow:0 12px 30px -4px #5e43f3b3}.btn-gold-pill{border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition-normal);text-align:center;background-color:#5e43f3;border:1px solid #ffffff26;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.75rem;font-size:.92rem;font-weight:800;display:inline-flex;box-shadow:0 8px 25px -4px #5e43f380;color:#fff!important}.btn-gold-pill:hover{background-color:#4e32e6;transform:translateY(-2px);box-shadow:0 12px 30px -4px #5e43f3b3}.btn-outline-pill{color:#fff;border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition-normal);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#ffffff0d;border:1px solid #ffffff26;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1.4rem;font-size:.88rem;font-weight:700;display:inline-flex}.btn-outline-pill:hover{background-color:#ffffff1f;border-color:#ffffff4d;transform:translateY(-2px)}.white-card{color:#fff;border-radius:var(--radius-xl);transition:all var(--transition-normal);background-color:#0e0f17;border:1px solid #ffffff14;position:relative;overflow:hidden;box-shadow:0 10px 30px -5px #00000080}.white-card:hover{border-color:#5e43f366;transform:translateY(-4px);box-shadow:0 20px 40px -10px #5e43f340}.dark-green-card{color:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-green-card);background-color:#11121c;border:1px solid #ffffff14;position:relative;overflow:hidden}.faster-bento-card{background-color:#0e0f17;border:1px solid #ffffff14;border-radius:1.25rem;padding:1.75rem;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.faster-bento-card:hover{border-color:#5e43f366;transform:translateY(-3px);box-shadow:0 15px 35px -5px #0009,0 0 20px #5e43f326}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#07080c}::-webkit-scrollbar-thumb{background:#27273a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#5e43f3}.modal-overlay{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:1000;background:#030407d9;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-content{color:#fff;border-radius:var(--radius-xl);background:#0e0f17;border:1px solid #ffffff1f;width:100%;max-width:860px;max-height:90vh;animation:.25s ease-out modalScale;position:relative;overflow-y:auto;box-shadow:0 25px 60px #000000b3,0 0 40px #5e43f333}@keyframes modalScale{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.spec-card{transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s,border-color .2s!important}.spec-card:hover{transform:translateY(-2px);border-color:#5e43f366!important;box-shadow:0 8px 24px #5e43f32e!important}.tech-pill{transition:transform .16s,box-shadow .16s,border-color .16s!important}.tech-pill:hover{transform:translateY(-1.5px)scale(1.02);border-color:#5e43f380!important;box-shadow:0 3px 10px #5e43f340!important}@keyframes consultationPillFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes newRibbonWiggle{0%,to{filter:drop-shadow(0 4px 10px #f43f5e8c);transform:rotate(-6deg)scale(1)translateY(0)}50%{filter:drop-shadow(0 6px 18px #f43f5ef2);transform:rotate(2deg)scale(1.08)translateY(-2px)}}.quick-consultation-banner{transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:none!important;background:0 0!important;border:none!important}.quick-consultation-banner:hover{box-shadow:none!important;background:0 0!important;border:none!important;transform:translateY(-3px)!important}.quick-consultation-banner:hover .consultation-headline-text{color:#f43f5e!important;text-shadow:0 0 20px #f43f5e99!important}.quick-consultation-banner:hover .circle-new-badge{transform:scale(1.08)rotate(-4deg)!important;box-shadow:0 0 32px #f43f5ee6,0 8px 24px #0009!important}.quick-consultation-banner:hover .consultation-arrow-box{transform:translate(4px);background-color:#f43f5e59!important}.admin-container{color:#9ca3af;background-color:#07080c;min-height:100vh;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;display:flex;position:relative;overflow-x:hidden}.admin-sidebar{z-index:20;background:#0b0c14;border-right:1px solid #ffffff14;flex-direction:column;width:270px;padding:1.75rem 1.25rem;display:flex;box-shadow:4px 0 35px #000000b3}.admin-brand{color:#fff;letter-spacing:-.02em;align-items:center;gap:.6rem;margin-bottom:2.25rem;font-size:1.35rem;font-weight:800;display:flex}.admin-brand span{color:#a5b4fc;font-family:Caveat,cursive;font-size:2rem}.admin-nav{flex-direction:column;flex:1;gap:.45rem;display:flex}.admin-nav-item{color:#9ca3af;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:.85rem;align-items:center;gap:.75rem;padding:.85rem 1.1rem;font-size:.92rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.admin-nav-item:hover{color:#fff;background:#ffffff0d;border-color:#ffffff14}.admin-nav-item.active{color:#fff;background:#5e43f3;border-color:#ffffff26;font-weight:800;box-shadow:0 4px 20px #5e43f373}.admin-content{z-index:10;background:#07080c;flex:1;padding:2.5rem;position:relative;overflow-y:auto}.admin-card{color:#fff;background:#0e0f17;border:1px solid #ffffff14;border-radius:1.25rem;margin-bottom:1.75rem;padding:1.75rem;box-shadow:0 12px 35px -5px #0009,0 0 25px #5e43f30d}.admin-card-light{color:#fff;background:#11121c;border:1px solid #ffffff14;border-radius:1.25rem;margin-bottom:1.75rem;padding:1.75rem;box-shadow:0 10px 25px -5px #00000080}.admin-grid-4{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin-bottom:1.75rem;display:grid}.stat-box{background:#11121c;border:1px solid #ffffff14;border-radius:1rem;flex-direction:column;padding:1.35rem;transition:transform .2s,border-color .2s;display:flex;box-shadow:0 8px 24px #0006}.stat-box:hover{border-color:#5e43f359;transform:translateY(-2px)}.stat-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.5rem;font-size:.78rem;font-weight:800}.stat-value{color:#fff;letter-spacing:-.02em;font-size:1.95rem;font-weight:900}.admin-table{border-collapse:collapse;width:100%;margin-top:1rem}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid #ffffff14;padding:1rem 1.1rem;font-size:.88rem}.admin-table th{color:#a5b4fc;text-transform:uppercase;letter-spacing:.06em;background:#161726;font-size:.75rem;font-weight:800}.admin-table tr:hover{background:#ffffff08}.badge{letter-spacing:.03em;text-transform:uppercase;border-radius:9999px;padding:.32rem .8rem;font-size:.74rem;font-weight:800;display:inline-block}.badge-paid,.badge-success{color:#34d399;background:#10b98129;border:1px solid #10b98159}.badge-sent,.badge-pending{color:#fbbf24;background:#f59e0b29;border:1px solid #f59e0b59}.badge-draft,.badge-new{color:#a5b4fc;background:#5e43f32e;border:1px solid #5e43f359}.badge-overdue{color:#fb7185;background:#f43f5e29;border:1px solid #f43f5e59}.admin-btn{cursor:pointer;border:none;border-radius:9999px;align-items:center;gap:.5rem;padding:.75rem 1.4rem;font-size:.875rem;font-weight:800;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.admin-btn-primary{color:#fff;background:#5e43f3;box-shadow:0 4px 18px #5e43f366}.admin-btn-primary:hover{background:#4e32e6;transform:translateY(-2px);box-shadow:0 8px 25px #5e43f38c}.admin-btn-secondary{color:#fff;background:#ffffff14;border:1px solid #ffffff1f}.admin-btn-secondary:hover{background:#ffffff29;border-color:#fff3}.admin-form-group{flex-direction:column;gap:.5rem;margin-bottom:1.15rem;display:flex}.admin-form-group label{color:#d1d5db;font-size:.85rem;font-weight:700}.admin-input{color:#fff;box-sizing:border-box;background:#161726;border:1px solid #ffffff1f;border-radius:.65rem;width:100%;padding:.75rem 1rem;font-size:.92rem;transition:all .2s}.admin-input:focus{background:#18192a;border-color:#5e43f3;outline:none;box-shadow:0 0 0 3px #5e43f340}.admin-input::placeholder{color:#6b7280}.admin-top-bar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:50;background:#0e0f17d9;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;margin:-2.5rem -2.5rem 2rem;padding:1rem 1.5rem;display:flex;position:sticky;top:0}.admin-profile-container{position:relative}.admin-profile-trigger{cursor:pointer;color:#fff;background:#11121c;border:1px solid #ffffff1f;border-radius:9999px;align-items:center;gap:.75rem;padding:.4rem .85rem .4rem .5rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.admin-profile-trigger:hover{background:#181928;border-color:#5e43f380;box-shadow:0 4px 18px #5e43f340}.admin-avatar-circle{color:#fff;background:linear-gradient(135deg,#5e43f3 0%,#3b82f6 100%);border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:.85rem;font-weight:800;display:flex;box-shadow:0 2px 8px #5e43f366}.admin-profile-dropdown{z-index:100;background:#0e0f17;border:1px solid #ffffff1f;border-radius:1.15rem;width:290px;padding:.75rem;animation:.2s cubic-bezier(.16,1,.3,1) slideDownFade;position:absolute;top:calc(100% + .65rem);right:0;box-shadow:0 20px 45px #000c,0 0 30px #5e43f326}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.dropdown-item{color:#cbd5e1;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:.65rem;align-items:center;gap:.75rem;width:100%;padding:.7rem .85rem;font-size:.86rem;font-weight:600;transition:all .15s;display:flex}.dropdown-item:hover{color:#fff;background:#5e43f326}.dropdown-item.danger:hover{color:#f87171;background:#ef444426}.dropdown-divider{background:#ffffff14;height:1px;margin:.45rem 0}
