.floating-contact-icon{right:80px}.contact-form-overlay{background-color:rgba(15,23,42,.85)}.contact-content{padding:32px;overflow-y:auto}.contact-content form{width:100%;margin:0 auto}.contact-content form div{margin-bottom:20px}form label{display:block;margin-bottom:8px;text-align:left;font-size:.95rem;font-weight:600;color:#cbd5e1;text-transform:uppercase;letter-spacing:.05em}.contact-content form input,.contact-content form textarea{width:100%;max-width:100%;padding:12px 16px;box-sizing:border-box;background-color:#0f172a;border:1px solid hsla(0,0%,100%,.1);border-radius:10px;transition:all .3s ease;color:#f8fafc;font-size:1rem;font-family:inherit}form input:focus,form textarea:focus{border-width:2px;border-color:#6366f1;outline:none;background-color:#1e293b;box-shadow:0 0 0 3px rgba(99,102,241,.1)}form input::-moz-placeholder,form textarea::-moz-placeholder{color:#64748b}form input::placeholder,form textarea::placeholder{color:#64748b}form textarea{resize:none;min-height:120px}.textarea-container{margin-bottom:20px}.textarea-wrapper{position:relative}.resize-handle{position:absolute;bottom:-33px;right:-16px;width:32px;height:32px;background:#6366f1;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:ns-resize;transition:all .2s ease;z-index:10;box-shadow:0 2px 8px rgba(99,102,241,.3);border:2px solid hsla(0,0%,100%,.1)}.resize-handle:hover{background:#8b5cf6;transform:scale(1.1);box-shadow:0 4px 12px rgba(99,102,241,.5)}.resize-handle:active{transform:scale(.95)}.resize-icon{color:#fff;font-size:18px;transition:transform .2s ease}.resize-handle:hover .resize-icon{transform:scale(1.2)}form button[type=submit]{width:auto;min-width:140px;height:auto;margin:20px auto 0;font-size:1.05rem;text-transform:uppercase;letter-spacing:.05em;border-radius:12px;padding:14px 32px;display:flex;justify-content:center;align-items:center;gap:8px}form button[type=submit]:active:not(:disabled){transform:translateY(0)}form button[type=submit]:disabled{opacity:.6;cursor:not-allowed}.loader{margin-top:16px;text-align:center;color:#cbd5e1;font-size:.95rem;animation:pulse 1.5s infinite}.error-message{margin-top:16px;padding:12px 16px;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:8px}.error-message p{margin:4px 0;text-align:center;color:#fca5a5;font-size:.9rem}@media (max-width:768px){.contact-header h2{font-size:1.1rem}.contact-content{padding:24px}.resize-handle{width:40px;height:40px;bottom:-38px;right:-20px}.arrow-down,.arrow-up{border-left-width:5px;border-right-width:5px}.arrow-up{border-bottom-width:8px}.arrow-down{border-top-width:8px}}.floating-cv-icon{right:20px}.pdf-viewer-overlay{background-color:rgba(15,23,42,.9)}.btn-download .material-icons{font-size:20px}.btn-external .material-icons{font-size:24px}.viewer-header .btn-external{width:22px!important;height:22px!important}.viewer-header .btn-download,.viewer-header .btn-external{padding:8px!important;display:flex;justify-content:center;align-items:center;gap:0}.viewer-header .btn-download{width:120px!important}.viewer-header .btn-download .material-icons{font-size:24px}.viewer-header .btn-download span:not(.material-icons){display:none}.pdf-iframe{width:100%;height:100%;border:none}.mobile-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px;color:#cbd5e1}.fallback-icon{font-size:80px;color:#6366f1;margin-bottom:20px}.mobile-fallback p{font-size:1.1rem;margin-bottom:30px;color:#94a3b8}.mobile-fallback .btn-download-large{margin-bottom:16px}.mobile-fallback .btn-external-large{margin-top:0}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;position:relative}.hero[data-v-3f62365a]{display:flex;justify-content:center;align-items:center;height:100vh;text-align:center;opacity:0;transform:scale(.95);animation:fadeInScale-3f62365a 1s ease-out forwards}@keyframes fadeInScale-3f62365a{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.hero-content[data-v-3f62365a]{max-width:600px}.hero-title[data-v-3f62365a]{font-size:3rem;margin-bottom:1rem}.hero-description[data-v-3f62365a]{font-size:1.5rem;margin-bottom:2rem;opacity:0}.hero-button[data-v-3f62365a]{padding:.75rem 1.5rem;font-size:1rem;background-color:var(--more-black);color:var(--white-ish);border:none;border-radius:8px;cursor:pointer;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:background-color .3s ease,transform .3s ease}.hero-button[data-v-3f62365a]:hover{background-color:var(--white-ish);color:var(--more-black);transform:translateY(-2px)}.project-card{background:#1e293b;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:all .4s cubic-bezier(.23,1,.32,1);border:1px solid hsla(0,0%,100%,.03);height:100%;cursor:pointer;position:relative}.project-card:hover{transform:translateY(-8px);border-color:rgba(99,102,241,.3);box-shadow:0 20px 25px -5px rgba(0,0,0,.3),0 10px 10px -5px rgba(0,0,0,.2)}.thumbnail-wrapper{position:relative;width:100%;height:180px;overflow:hidden;cursor:pointer}.card-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(15,23,42,.6);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.project-card:hover .card-overlay{opacity:1}.view-details{color:#fff;font-weight:600;padding:8px 20px;border:2px solid #fff;border-radius:99px;transform:translateY(10px);transition:transform .3s ease}.project-card:hover .view-details{transform:translateY(0)}.card-content{padding:24px;display:flex;flex-direction:column;flex-grow:1}.icons-row{display:flex;gap:12px;margin-bottom:16px}.card-tech-wrapper{position:relative;display:flex;align-items:center}.tech-hover-label{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(5px);background:#6366f1;color:#fff;padding:4px 10px;border-radius:4px;font-size:.65rem;font-weight:700;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 8px rgba(0,0,0,.3);pointer-events:none;z-index:10}.tech-hover-label:after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border-width:4px;border-style:solid;border-color:#6366f1 transparent transparent transparent}.card-icon{width:18px;height:18px;color:#94a3b8;filter:brightness(0) invert(1);opacity:.6;transition:all .2s ease}.card-tech-wrapper:hover .card-icon{opacity:1;transform:scale(1.25);filter:brightness(0) invert(1) drop-shadow(0 0 5px rgba(255,255,255,.4))}.card-tech-wrapper:hover .tech-hover-label{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.card-title{font-size:1.25rem;font-weight:700;color:#f8fafc;margin:0 0 12px 0;line-height:1.3;cursor:pointer}.card-description{font-size:.9rem;color:#94a3b8;line-height:1.6;margin-bottom:24px;display:-webkit-box;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer}.card-footer{margin-top:auto;display:flex;justify-content:space-between;align-items:center;cursor:default}.card-actions{display:flex;flex-direction:column;gap:10px;width:100%}.primary-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}.repo-segment{display:flex;gap:10px}.repo-segment:has(.icon-only){display:grid;grid-template-columns:1fr 1fr}.live-segment{display:flex}.secondary-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}.secondary-actions:has(.secondary-segment:only-child){grid-template-columns:1fr}.secondary-segment{display:flex}.action-slot{display:flex;justify-content:flex-start}.card-action-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 0;width:100%;background:#334155;color:#f8fafc;border-radius:8px;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s;border:1px solid hsla(0,0%,100%,.05);cursor:pointer;position:relative;z-index:5}.card-action-btn.secondary{background:#475569;font-size:.8rem}.card-action-btn.icon-only{padding:6px;justify-content:center;min-width:auto;max-width:45px}.card-action-btn:hover{transform:translateY(-2px);filter:brightness(1.1);box-shadow:0 4px 12px rgba(0,0,0,.2)}.card-action-btn.primary{background:#6366f1;color:#fff;border-color:#6366f1}.card-action-btn:active{transform:translateY(0)}.thumbnail-container[data-v-1e8a4b53]{width:100%;height:100%;position:relative;overflow:hidden;background-color:#f1f5f9}.thumbnail-image[data-v-1e8a4b53]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.thumbnail-container:hover .thumbnail-image[data-v-1e8a4b53]{transform:scale(1.05)}.no-image[data-v-1e8a4b53]{display:flex;align-items:center;justify-content:center}.fallback-content[data-v-1e8a4b53]{color:#fff;font-weight:800;font-size:2rem;text-shadow:0 2px 4px rgba(0,0,0,.2);letter-spacing:.05em}.project-section{padding:60px 20px 80px;max-width:1400px;margin:0 auto}.filter-container{display:flex;justify-content:center;margin-bottom:50px}.pill-group{display:flex;background:rgba(30,41,59,.5);padding:6px;border-radius:999px;backdrop-filter:blur(8px);border:1px solid hsla(0,0%,100%,.05);position:relative}.pill-button{padding:10px 24px;border-radius:999px;border:none;background:transparent;color:#94a3b8;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.pill-button:hover{color:#f8fafc}.pill-button.active{background:#6366f1;color:#fff;box-shadow:0 4px 12px rgba(99,102,241,.3)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:30px;width:100%}.scroll-sentinel{height:1px;width:100%;margin-top:20px;display:flex;align-items:center;justify-content:center}.loader-dots{padding:20px 0;display:flex;gap:8px}.loader-dots span{width:10px;height:10px;background:#6366f1;border-radius:50%;animation:bounce 1.4s ease-in-out infinite both}.loader-dots span:first-child{animation-delay:-.32s}.loader-dots span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.project-section :deep(.project-card){opacity:0;transform:scale(.95) translateY(10px);transition:all .6s cubic-bezier(.23,1,.32,1)}.project-section :deep(.project-card.fade-in){opacity:1;transform:scale(1) translateY(0)}.mobile-dropdown{display:flex;justify-content:center;margin-bottom:50px}.custom-dropdown{position:relative;min-width:200px}.dropdown-trigger{width:100%;background:rgba(30,41,59,.5);color:#f8fafc;border:1px solid hsla(0,0%,100%,.1);border-radius:12px;padding:12px 20px;font-size:1rem;font-weight:600;cursor:pointer;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:space-between;transition:all .3s}.dropdown-trigger:hover{background:rgba(30,41,59,.8);border-color:hsla(0,0%,100%,.2)}.custom-dropdown.is-open .dropdown-trigger{border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.1)}.dropdown-arrow{transition:transform .3s;font-size:1.2rem}.custom-dropdown.is-open .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:0;right:0;margin-top:8px;background:rgba(30,41,59,.95);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;backdrop-filter:blur(8px);overflow:hidden;z-index:10;box-shadow:0 10px 25px rgba(0,0,0,.3)}.dropdown-option{width:100%;background:transparent;color:#94a3b8;border:none;padding:12px 20px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;text-align:left}.dropdown-option:hover{background:rgba(99,102,241,.1);color:#f8fafc}.dropdown-option.active{background:#6366f1;color:#fff}@media (max-width:768px){.desktop-only{display:none}.mobile-only{display:flex}.project-section{padding:40px 15px}.card-grid{grid-template-columns:1fr;gap:20px}}@media (min-width:769px){.desktop-only{display:flex}.mobile-only{display:none}}section[data-v-61c9b91c]{max-width:950px;margin:0 auto;padding:20px;border-radius:8px;color:var(--white-ish)}h2[data-v-61c9b91c]{margin-top:0;text-align:center}p[data-v-61c9b91c]{margin:10px 0;text-align:center}section[data-v-5efedb8d]{max-width:950px;margin:0 auto;padding:20px;border-radius:8px;color:var(--white-ish)}h2[data-v-5efedb8d]{margin-top:0;text-align:center}p[data-v-5efedb8d]{margin:10px 0;text-align:center}section[data-v-39146b6b]{max-width:950px;margin:0 auto;padding:20px;border-radius:8px;color:var(--white-ish)}h2[data-v-39146b6b]{margin-top:0;text-align:center}p[data-v-39146b6b]{margin:10px 0;text-align:center}section[data-v-1f4134ac]{max-width:950px;margin:0 auto;padding:20px;border-radius:8px;color:var(--white-ish)}h2[data-v-1f4134ac]{margin-top:0;text-align:center}p[data-v-1f4134ac]{margin:10px 0;text-align:center}section[data-v-33d62da5]{max-width:950px;margin:0 auto;padding:20px;border-radius:8px;color:var(--white-ish)}h2[data-v-33d62da5]{margin-top:0;text-align:center}p[data-v-33d62da5]{margin:10px 0;text-align:center}section[data-v-7041156e]{max-width:950px;margin:0 auto;padding:20px;border-radius:8px;color:var(--white-ish)}h2[data-v-7041156e]{margin-top:0;text-align:center}p[data-v-7041156e]{margin:10px 0;text-align:center}section[data-v-e6584d62]{max-width:950px;margin:0 auto;padding:20px;border-radius:8px;color:var(--white-ish)}h2[data-v-e6584d62]{margin-top:0;text-align:center}p[data-v-e6584d62]{margin:10px 0;text-align:center}section[data-v-9d33396e]{max-width:950px;margin:0 auto;padding:20px;border-radius:8px;color:var(--white-ish)}h2[data-v-9d33396e]{margin-top:0;text-align:center}p[data-v-9d33396e]{margin:10px 0;text-align:center}.project-view{max-width:1100px;margin:0 auto;padding:80px 20px 100px;color:#f8fafc;overflow-x:hidden}.top-actions{justify-content:space-between;margin-bottom:60px}.back-link,.top-actions{display:flex;align-items:center}.back-link{gap:10px;color:#f8fafc;text-decoration:none;font-weight:600;padding:10px 18px;border-radius:99px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);transition:all .3s}.back-link:hover{background:#6366f1;border-color:#6366f1;transform:translateX(-5px);box-shadow:0 4px 12px rgba(99,102,241,.3)}.project-links{display:flex;gap:12px}.btn,.link-slot{display:flex;align-items:center}.btn{justify-content:center;gap:8px;padding:10px 22px;min-width:140px;border-radius:99px;font-weight:600;text-decoration:none;transition:all .3s;font-size:.95rem}.btn.large{padding:14px 28px;font-size:1.05rem;min-width:200px}.btn-github{background:#1e293b;color:#fff;border:1px solid hsla(0,0%,100%,.1)}.btn-live{background:#6366f1;color:#fff;box-shadow:0 4px 12px rgba(99,102,241,.2)}.btn:hover{transform:translateY(-2px);filter:brightness(1.1)}.project-hero{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin-bottom:80px}.type-badge{display:inline-block;background:rgba(99,102,241,.1);color:#6366f1;padding:4px 12px;border-radius:99px;font-size:.8rem;font-weight:700;text-transform:uppercase;margin-bottom:20px;border:1px solid rgba(99,102,241,.2)}.project-view h1{font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:24px;background:linear-gradient(90deg,#fff 30%,#94a3b8);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;overflow-wrap:break-word;word-break:break-word}.hero-desc{font-size:1.2rem;color:#94a3b8;line-height:1.7;margin-bottom:40px}.tech-row{display:flex;gap:15px}.hero-tech-icon{width:40px;height:40px;background:rgba(30,41,59,.8);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#f8fafc;border:1px solid hsla(0,0%,100%,.05);backdrop-filter:blur(8px);transition:all .3s cubic-bezier(.34,1.56,.64,1);cursor:default;position:relative}.tech-label{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translateX(-50%) translateY(10px);background:#6366f1;color:#fff;padding:5px 12px;border-radius:6px;font-size:.75rem;font-weight:700;white-space:nowrap;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 12px rgba(99,102,241,.4);pointer-events:none}.tech-label:after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border-width:5px;border-style:solid;border-color:#6366f1 transparent transparent transparent}.hero-tech-icon:hover{transform:translateY(-8px) scale(1.1);background:rgba(99,102,241,.2);border-color:#6366f1;color:#6366f1;box-shadow:0 10px 20px rgba(99,102,241,.3)}.hero-tech-icon:hover .tech-label{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.project-banner{border-radius:24px;overflow:hidden;box-shadow:0 30px 60px rgba(0,0,0,.5);height:400px}.project-details{display:flex;flex-direction:column;gap:40px}.content-card{background:#1e293b;border:1px solid hsla(0,0%,100%,.03);border-radius:20px;padding:40px;position:relative;overflow:hidden}.content-card:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(99,102,241,.03),transparent);pointer-events:none}.section-title{display:flex;align-items:center;gap:12px;font-size:1.2rem;font-weight:700;color:#6366f1;text-transform:uppercase;letter-spacing:.1em;margin-bottom:30px}.card-body{color:#cbd5e1;line-height:1.8;font-size:1.05rem}.card-body :deep(ul){padding-left:20px}.card-body :deep(li){margin-bottom:12px}.impact-list :deep(ul){list-style:none;padding:0;display:flex;flex-direction:column;gap:16px}.impact-list :deep(li){background:hsla(0,0%,100%,.02);padding:20px 24px;border-radius:12px;border-left:4px solid #6366f1;display:flex;align-items:flex-start;gap:18px;margin-bottom:0;transition:transform .2s}.impact-list :deep(li:hover){transform:translateX(5px);background:hsla(0,0%,100%,.04)}.impact-list :deep(li:before){content:"✓";background:#6366f1;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;flex-shrink:0;margin-top:2px;box-shadow:0 2px 6px rgba(99,102,241,.4)}.grid-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:30px}.chip-cloud{display:flex;flex-wrap:wrap;gap:12px}.tech-chip{background:#334155;color:#f8fafc;padding:8px 16px;border-radius:10px;font-size:.95rem;font-weight:600;border:1px solid hsla(0,0%,100%,.05);transition:all .2s}.tech-chip:hover{background:#475569;border-color:#6366f1}.tag-chip{color:#94a3b8;background:rgba(148,163,184,.05);padding:5px 12px;border-radius:8px;font-size:.9rem;font-family:Fira Code,monospace;transition:all .2s}.tag-chip:hover{color:#6366f1;background:rgba(99,102,241,.1)}.screenshots-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-top:20px}.screenshot-item{display:flex;flex-direction:column;gap:12px}.screenshot-image{width:100%;height:auto;border-radius:12px;border:1px solid hsla(0,0%,100%,.1);transition:all .3s ease;cursor:pointer}.screenshot-image:hover{transform:scale(1.02);border-color:rgba(99,102,241,.3);box-shadow:0 8px 25px rgba(0,0,0,.3)}.screenshot-caption{color:#94a3b8;font-size:.9rem;text-align:center;margin:0;font-style:italic}.project-links-footer{margin-top:60px;display:flex;justify-content:center;gap:20px;padding:40px 0;border-top:1px solid hsla(0,0%,100%,.05)}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;padding:16px 20px;z-index:999;justify-content:space-between;align-items:center;pointer-events:none}.mobile-nav-actions{display:flex;gap:12px;pointer-events:auto}.mobile-nav-btn{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;color:#fff;background:rgba(15,23,42,.6);backdrop-filter:blur(8px);border:1px solid hsla(0,0%,100%,.1);font-size:1.25rem;transition:all .2s ease}.mobile-nav-btn,.mobile-nav-btn.back-btn{pointer-events:auto}.mobile-nav-btn:hover{background:rgba(15,23,42,.8);transform:scale(1.05);border-color:hsla(0,0%,100%,.2)}.loading-state{height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#64748b}.pulse-loader{width:60px;height:60px;background:#6366f1;border-radius:50%;margin-bottom:24px;animation:pulse 1.5s infinite;box-shadow:0 0 20px rgba(99,102,241,.5)}@media (max-width:900px){.project-view{padding-top:60px}.project-hero{grid-template-columns:1fr;text-align:center;gap:30px;margin-bottom:40px}.tech-row{justify-content:center;flex-wrap:wrap}.grid-layout{grid-template-columns:1fr}.project-banner{order:-1;height:auto;aspect-ratio:16/10;min-height:200px}.project-view h1{font-size:2.2rem}.hero-desc{font-size:1.1rem;margin-bottom:30px}.mobile-header{display:flex}.back-link,.project-links{display:none}.project-links-footer{flex-direction:column;align-items:stretch;margin-top:40px}.btn.large{justify-content:center;width:100%;min-width:unset}:deep(.floating-contact-icon),:deep(.floating-cv-icon){display:none}.screenshots-grid{grid-template-columns:1fr;gap:16px}}@media (max-width:480px){.project-view h1{font-size:1.8rem}.project-view{padding:60px 16px 80px}.content-card{padding:24px 20px}.project-banner{aspect-ratio:4/3}}:root{--more-black:#121212;--black-ish:#1f1f1f;--less-black:#2c2c2c;--white-ish:#e0e0e0;--more-gray:#333;--gray-ish:#444;--less-gray:#acacac}body{background-color:var(--more-black);font-family:Arial,sans-serif;margin:0;padding:0}a,body{color:var(--white-ish)}a{text-decoration:none}a:hover{color:var(--less-gray)}button{background-color:var(--black-ish);color:var(--white-ish);border:1px solid var(--gray-ish);border-radius:5px;padding:10px 20px;cursor:pointer}button:hover{background-color:var(--more-gray);color:var(--more-black)}.section{padding:20px;background-color:var(--more-black);border-radius:8px}.section,.section-buttons{margin-bottom:20px}.section-buttons button{background-color:var(--black-ish);color:var(--white-ish);margin-right:10px;padding:10px 20px;border:none;cursor:pointer;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:more-black .3s ease,transform .3s ease;font-family:Roboto Condensed,sans-serif;font-weight:1000;font-size:1.1rem}.section-buttons button:hover{transform:translateY(-2px);background-color:var(--more-gray)}.card-container{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;max-width:1000px;margin:0 auto;background-color:var(--more-black)}h2,p{color:var(--white-ish)}.no-scroll{overflow:hidden}:root{--color-gray-50:#fafafa;--color-gray-100:#f5f5f5;--color-gray-200:#e5e5e5;--color-gray-300:#d4d4d4;--color-gray-400:#a3a3a3;--color-gray-500:#737373;--color-gray-600:#525252;--color-gray-700:#404040;--color-gray-800:#262626;--color-gray-900:#171717;--color-gray-950:#0a0a0a;--color-blue-500:#3b82f6;--color-blue-600:#2563eb;--color-blue-700:#1d4ed8;--color-indigo-500:#6366f1;--color-indigo-600:#8b5cf6;--color-red-600:#dc2626;--color-green-500:#10b981;--font-family-sans:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-family-mono:"SF Mono",Monaco,"Cascadia Code","Roboto Mono",Consolas,"Courier New",monospace;--font-size-2xs:0.625rem;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--spacing-0:0;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--radius-sm:0.125rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--semantic-modal-backdrop-color:rgba(15,23,42,.7);--semantic-modal-backdrop-blur:blur(8px);--semantic-modal-surface:#1e293b;--semantic-modal-border:hsla(0,0%,100%,.06);--component-modal-max-width:min(92vw,960px);--component-modal-max-height:90vh;--component-modal-header-padding:20px 24px;--component-modal-footer-padding:16px 24px;--component-modal-close-size:40px;--component-modal-close-padding:8px;--component-modal-close-top:16px;--component-modal-close-right:16px;--component-modal-close-mobile-size:44px;--component-modal-close-mobile-top:12px;--component-modal-close-mobile-right:12px;--component-card-bg:#1e293b;--component-card-border:hsla(0,0%,100%,.03);--component-input-padding:12px 16px;--component-input-height:2.75rem;--component-icon-size-sm:1rem;--component-icon-size-md:1.25rem;--component-icon-size-lg:1.5rem;--motion-transition-fast:all 0.2s ease;--motion-transition-normal:all 0.3s cubic-bezier(0.4,0,0.2,1);--motion-transition-slow:all 0.4s cubic-bezier(0.34,1.56,0.64,1);--motion-transition-modal-enter:opacity 0.3s ease,transform 0.4s cubic-bezier(0.34,1.56,0.64,1);--motion-transition-backdrop-enter:opacity 0.25s ease;--motion-transform-hover-lift:translateY(-4px);--motion-transform-hover-lift-strong:translateY(-8px);--effect-backdrop-blur:blur(8px);--semantic-color-text-primary:var(--color-gray-900);--semantic-color-text-secondary:var(--color-gray-600);--semantic-color-text-tertiary:var(--color-gray-500);--semantic-color-text-disabled:var(--color-gray-400);--semantic-color-text-inverse:var(--color-gray-50);--semantic-color-bg-surface:var(--color-gray-50);--semantic-color-bg-subtle:var(--color-gray-100);--semantic-color-bg-muted:var(--color-gray-200);--semantic-color-border-default:var(--color-gray-300);--semantic-color-border-strong:var(--color-gray-400);--semantic-color-accent-base:var(--color-blue-500);--semantic-color-accent-hover:var(--color-blue-600);--semantic-color-accent-active:var(--color-blue-700);--semantic-color-accent-tech:var(--color-indigo-500);--semantic-color-danger-base:var(--color-red-600);--semantic-color-success-base:var(--color-green-500);--semantic-modal-shadow:var(--shadow-xl);--component-modal-padding-horizontal:var(--spacing-8);--component-modal-padding-vertical:var(--spacing-6);--component-modal-padding-mobile:var(--spacing-5);--component-modal-header-gap:var(--spacing-4);--component-modal-content-gap:var(--spacing-6);--component-modal-footer-gap:var(--spacing-4);--component-card-radius:var(--radius-xl);--component-card-padding:var(--spacing-6);--component-button-radius:var(--radius-md);--component-button-padding-horizontal:var(--spacing-6);--component-input-radius:var(--radius-md);--effect-gradient-tech:linear-gradient(135deg,var(--color-indigo-500) 0%,var(--color-indigo-600) 100%)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(15,23,42,.9);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1001;animation:fadeIn .3s ease;padding:20px}.modal-container{background:#1e293b;width:100%;max-width:1000px;height:90vh;max-height:900px;border-radius:20px;border:1px solid hsla(0,0%,100%,.05);box-shadow:0 20px 60px rgba(0,0,0,.5);display:flex;flex-direction:column;overflow:hidden;animation:slideUp .4s cubic-bezier(.34,1.56,.64,1)}.floating-btn{position:fixed;bottom:20px;color:#fff;padding:14px;border-radius:50%;box-shadow:0 4px 16px rgba(99,102,241,.4);filter:drop-shadow(0 0 8px rgba(139,92,246,.8)) drop-shadow(0 0 15px rgba(139,92,246,.6)) drop-shadow(0 0 25px rgba(139,92,246,.4));text-align:center;z-index:1000;background:linear-gradient(135deg,#6366f1,#8b5cf6);cursor:pointer;border:none;outline:none;display:flex;align-items:center;justify-content:center}.floating-btn,.floating-btn:hover{transition:all .3s cubic-bezier(.34,1.56,.64,1)}.floating-btn:hover{transform:translateY(-4px) scale(1.1);box-shadow:0 8px 32px rgba(168,85,247,.5);filter:drop-shadow(0 0 12px rgba(168,85,247,.9)) drop-shadow(0 0 20px rgba(168,85,247,.7)) drop-shadow(0 0 30px rgba(168,85,247,.5)) brightness(1.4)}.floating-btn .material-icons{font-size:24px;color:#fff}.trigger-btn{border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;outline:none;background:transparent;padding:0}.mobile-btn-style{width:50px;height:50px;border-radius:50%;color:#fff;background:hsla(0,0%,100%,.1);transition:all .2s ease}.mobile-btn-style:hover{background:hsla(0,0%,100%,.2);transform:scale(1.05)}.mobile-btn-style .material-icons{font-size:24px}.close-button{cursor:pointer;background-color:hsla(0,0%,100%,.05);color:#f8fafc;border-radius:50%;padding:8px;width:36px;height:36px;display:flex;justify-content:center;align-items:center;box-shadow:0 2px 8px rgba(0,0,0,.2);transition:all .3s ease;border:1px solid hsla(0,0%,100%,.1);border:none;outline:none}.close-button:hover{background-color:#ef4444;color:#fff;transform:rotate(90deg);border-color:#ef4444}.btn-primary{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-radius:10px;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 12px rgba(99,102,241,.3);font-size:.95rem;border:none;cursor:pointer}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(99,102,241,.5);filter:brightness(1.1)}.btn-primary .material-icons{font-size:20px}.btn-secondary{background-color:hsla(0,0%,100%,.05);color:#f8fafc;border-radius:50%;padding:10px 12px;height:44px;display:flex;justify-content:center;align-items:center;cursor:pointer;border:1px solid hsla(0,0%,100%,.1);transition:all .3s ease;text-decoration:none;border:none;outline:none}.btn-secondary:hover{background-color:#6366f1;color:#fff;transform:translateY(-2px);border-color:#6366f1;box-shadow:0 4px 12px rgba(99,102,241,.4)}.btn-secondary .material-icons{font-size:24px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;background:rgba(15,23,42,.6);border-bottom:1px solid hsla(0,0%,100%,.05)}.modal-header h2{font-size:1.5rem;font-weight:800;color:#f8fafc;margin:0;background:linear-gradient(90deg,#fff 30%,#94a3b8);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.header-actions{gap:12px}.header-actions,.modal-content{display:flex;align-items:center}.modal-content{flex:1;justify-content:center;overflow:hidden;background:#0f172a}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.modal-large{max-width:1000px;height:90vh;max-height:900px}.btn-large{display:flex;align-items:center;gap:10px;padding:14px 32px;border-radius:12px;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.34,1.56,.64,1);font-size:1.1rem}.btn-large-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 4px 16px rgba(99,102,241,.4)}.btn-large-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(99,102,241,.6);filter:brightness(1.1)}.btn-large-secondary{background:hsla(0,0%,100%,.05);color:#f8fafc;border:1px solid hsla(0,0%,100%,.1)}.btn-large-secondary:hover{background:#6366f1;border-color:#6366f1;transform:translateY(-2px);box-shadow:0 8px 24px rgba(99,102,241,.4)}.btn-large .material-icons{font-size:24px}.success-message{text-align:center;color:#f8fafc;font-size:1.5rem;font-weight:700;animation:fadeIn .5s ease-in-out;background:#1e293b;padding:60px 40px;border-radius:20px;border:1px solid hsla(0,0%,100%,.05);box-shadow:0 20px 60px rgba(0,0,0,.5)}.success-icon{font-size:80px;color:#10b981;animation:scaleIn .6s cubic-bezier(.34,1.56,.64,1);display:block;margin-bottom:20px}.modal-custom-scrollbar::-webkit-scrollbar{width:8px}.modal-custom-scrollbar::-webkit-scrollbar-track{background:#0f172a;border-radius:10px}.modal-custom-scrollbar::-webkit-scrollbar-thumb{background:#6366f1;border-radius:10px}.modal-custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#8b5cf6}@media (max-width:768px){.modal-overlay{padding:0;align-items:center}.modal-container{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;max-height:none;border-radius:0;border:none;display:flex;flex-direction:column;z-index:1002}.modal-header{padding:16px 20px;flex-direction:row;justify-content:space-between;align-items:center;gap:12px;flex-shrink:0}.modal-header h2{font-size:1.1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-actions{width:auto;justify-content:flex-end;gap:8px}}