*{box-sizing:border-box}a{color:#2dd4bf;color:var(--link);text-decoration:none}a:hover{color:#5eead4;color:var(--link-hover);text-decoration:underline}body,html{background-color:#0b1014;background-color:var(--bg-base);color:#f1f5f9;color:var(--text-primary);font-family:Quicksand,sans-serif;font-size:16px;line-height:1.6;margin:0;overflow:hidden;padding:0}html.theme-transitioning,html.theme-transitioning body{transition:background-color .55s ease,color .55s ease}html.theme-transitioning .card{transition:background-color .55s ease,border-color .55s ease,color .55s ease,box-shadow .55s ease}html{overflow-y:scroll}.App{text-align:center}.modal-backdrop{align-items:center;background-color:#0000;bottom:0;display:flex;justify-content:center;left:0;opacity:0;overscroll-behavior:contain;padding:1rem;padding:var(--modal-padding,1rem);position:fixed;right:0;top:0;transition:background-color .3s ease,opacity .3s ease;z-index:1000}@media(max-width:800px){.modal-backdrop{padding:.75rem}}.modal{--modal-padding:1rem;--modal-gap:0.75rem;--modal-radius:10px;--modal-close-size:2rem;--modal-header-height:2.5rem;background-color:#131820;background-color:var(--bg-surface);border:1px solid #232a34;border:1px solid var(--border-subtle);border-radius:var(--modal-radius);box-shadow:0 12px 28px #0009;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:90vh;max-width:100%;min-width:0;opacity:0;overflow:hidden;position:relative;transition:opacity .3s ease;width:-webkit-max-content;width:max-content;z-index:1001}.modal-backdrop[data-open=true]{background-color:#000000a6;background-color:var(--bg-overlay);opacity:1}.modal-backdrop[data-open=true] .modal{animation:fadeIn .3s ease;opacity:1}.modal__title--sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.modal__header{justify-content:flex-end;min-height:var(--modal-header-height);padding:.375rem .5rem 0;position:relative;z-index:2}.modal__close,.modal__header{align-items:center;display:flex;flex-shrink:0}.modal__close{background:#0000;border:none;border-radius:6px;color:#f1f5f9;color:var(--text-primary);cursor:pointer;font-size:1.25rem;height:var(--modal-close-size);justify-content:center;line-height:1;padding:0;transition:background-color .2s ease,color .2s ease;width:var(--modal-close-size)}.modal__close:hover{background-color:#2dd4bf26;background-color:var(--accent-soft);color:#2dd4bf;color:var(--accent)}.modal__close:focus-visible{box-shadow:inset 0 0 0 2px #5eead4;box-shadow:inset 0 0 0 2px var(--focus-ring);outline:none}.modal-content{flex:1 1;min-height:0;min-width:0;overflow:auto;padding:0 var(--modal-padding) var(--modal-padding);position:relative;z-index:1}.modal:has(.portfolio-modal-content){max-width:100%;width:min(55vw,31.25rem)}@media(max-width:800px){.modal:has(.portfolio-modal-content){width:100%}}.modal:has(.experience-modal-content){max-width:100%;width:min(85vw,50rem)}.modal:has(.experience-modal-content) .modal__header{background-color:#131820;background-color:var(--bg-surface);border-left:1px solid #232a34;border-left:1px solid var(--border-subtle);margin-left:32%}.modal:has(.experience-modal-content) .modal-content{margin-top:calc(var(--modal-header-height)*-1);overflow:hidden;padding:0}@media(max-width:800px){.modal:has(.experience-modal-content){width:100%}.modal:has(.experience-modal-content) .modal__header{border-left:none;margin-left:0}.modal:has(.experience-modal-content) .modal-content{margin-top:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.header{align-items:center;border-bottom:1px solid #232a34;border-bottom:1px solid var(--border-subtle);display:flex;flex-direction:row;justify-content:space-between;margin:0 7px 7px;position:relative}@media(max-width:800px){.header{align-items:center;flex-direction:column;justify-content:flex-start;margin:14px auto;padding:10% 15% 5%}}.profile-name-title img{border-radius:50%;height:40px;width:40px}@media(max-width:1200px){.profile-name-title img{height:33.3333333333px;width:33.3333333333px}}@media(max-width:800px){.profile-name-title img{height:40px;width:40px}}.profile-name-title{align-items:center;display:flex;padding:1.5% .5%}@media(max-width:800px){.profile-name-title{flex-direction:column;padding:1% 0}}.name-title{line-height:.8}@media(max-width:800px){.name-title{padding:20px}}.name{color:#f1f5f9;color:var(--text-primary)}.name,.title{font-size:.79rem;margin:10px;width:10%}.title{color:#cbd5e1;color:var(--text-secondary)}.contact-button{align-content:center;align-items:center;background-color:#1a2029;background-color:var(--bg-surface-elevated);border:1px solid #232a34;border:1px solid var(--border-subtle);border-radius:14px;box-shadow:0 1px 2px #0006;box-shadow:var(--shadow-sm);color:#f1f5f9;color:var(--text-primary);cursor:pointer;display:flex;font-size:.75rem;justify-content:center;justify-items:center;opacity:.6;padding:3px 12px;transition:transform .3s,box-shadow .3s,opacity .3s}.contact-button:hover{box-shadow:0 4px 12px #00000080;box-shadow:var(--shadow-md);opacity:1;text-decoration:none;transform:translateY(-2px)}.shuffle-layout-button{align-content:center;align-items:center;animation:pulse-glow 2s infinite;background-color:#2dd4bf;background-color:var(--accent);border:1px solid #2dd4bf;border:1px solid var(--accent);border-radius:14px;box-shadow:0 1px 2px #0006;box-shadow:var(--shadow-sm);color:#04201d;color:var(--text-on-accent);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.75rem;justify-content:center;justify-items:center;margin:0 10px;opacity:.85;padding:6px 12px;transition:transform .3s,box-shadow .3s,opacity .3s,border-color .3s;white-space:nowrap}.shuffle-layout-button:hover{border-color:#5eead4;border-color:var(--accent-hover);box-shadow:0 0 14px #2dd4bf8c;box-shadow:var(--shadow-accent);opacity:1;text-decoration:none;transform:translateY(-2px)}@keyframes pulse-glow{0%,to{box-shadow:0 0 8px #2dd4bf8c;box-shadow:0 0 8px var(--accent-glow)}50%{box-shadow:0 0 20px #2dd4bf8c;box-shadow:0 0 20px var(--accent-glow)}}.contact-button,.shuffle-layout-button{align-items:center;display:flex;justify-content:center}.contact-button .button-text,.shuffle-layout-button .button-text{display:inline-block}.contact-button .button-icon,.shuffle-layout-button .button-icon{display:inline-block;flex-shrink:0;margin-left:4px}.shuffle-layout-button .button-text{white-space:nowrap}.right-container{align-items:center;display:flex;flex-wrap:nowrap}.theme-toggle{align-items:center;background:#0000;border:none;cursor:pointer;display:inline-flex;justify-content:center;line-height:1;margin-right:8px;opacity:.9;padding:0;transition:opacity .3s,transform .3s}.theme-toggle:hover{opacity:1;transform:translateY(-2px)}.theme-toggle:focus-visible{border-radius:999px;outline:2px solid #5eead4;outline:2px solid var(--focus-ring);outline-offset:2px}.theme-toggle__track{align-items:center;background-color:#1a2029;background-color:var(--bg-surface-elevated);border:1px solid #232a34;border:1px solid var(--border-subtle);border-radius:999px;box-shadow:0 1px 2px #0006;box-shadow:var(--shadow-sm);display:grid;grid-template-columns:1fr 1fr;height:28px;justify-items:center;position:relative;transition:border-color .3s,box-shadow .3s,background-color .3s;width:52px}.theme-toggle:hover .theme-toggle__track{border-color:#2dd4bf;border-color:var(--accent);box-shadow:0 4px 12px #00000080;box-shadow:var(--shadow-md)}.theme-toggle__thumb{background-color:#131820;background-color:var(--bg-surface);border:1px solid #232a34;border:1px solid var(--border-subtle);border-radius:50%;box-shadow:0 1px 2px #0006;box-shadow:var(--shadow-sm);height:22px;left:2px;pointer-events:none;position:absolute;top:2px;transition:transform .3s ease,background-color .3s,border-color .3s;width:22px}.theme-toggle--dark .theme-toggle__thumb{transform:translateX(26px)}.theme-toggle__icon{align-items:center;color:#64748b;color:var(--text-muted);display:flex;font-size:.8625rem;justify-content:center;pointer-events:none;position:relative;transition:color .3s;z-index:1}.theme-toggle__icon--sun{color:#2dd4bf;color:var(--accent)}.theme-toggle--dark .theme-toggle__icon--sun{color:#64748b;color:var(--text-muted)}.theme-toggle--dark .theme-toggle__icon--moon{color:#2dd4bf;color:var(--accent)}.theme-toggle--intro .theme-toggle__track{animation:themeToggleIntroPulse .9s ease-in-out infinite;border-color:#2dd4bf;border-color:var(--accent);box-shadow:0 0 14px #2dd4bf8c;box-shadow:var(--shadow-accent)}@keyframes themeToggleIntroPulse{0%,to{box-shadow:0 0 8px #2dd4bf8c;box-shadow:0 0 8px var(--accent-glow);transform:scale(1)}50%{box-shadow:0 0 18px #2dd4bf8c;box-shadow:0 0 18px var(--accent-glow);transform:scale(1.05)}}.card{background-color:#131820;background-color:var(--bg-surface);border:1px solid #232a34;border:1px solid var(--border-subtle);border-radius:8px;box-shadow:0 4px 12px #00000080;box-shadow:var(--shadow-md);display:flex;flex-direction:column;margin:9px;max-height:100%;max-width:100%;transition:transform .3s,box-shadow .3s}@media(max-width:800px){.card{margin:5px}}.card:hover{box-shadow:0 12px 28px #0009;box-shadow:var(--shadow-lg);transform:translateY(-3px)}.card .card-header{border-bottom:1px solid #232a34;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;margin:0 10px}.card .card-header .extra,.card .card-header .title{font-size:.75rem;margin:4px 0;white-space:nowrap}.card .card-header .title{color:#f1f5f9;color:var(--text-primary);flex-grow:1;font-weight:300}.card .card-header .extra{align-items:center;color:#cbd5e1;color:var(--text-secondary);display:flex;font-weight:200;justify-content:center}.card .content{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;min-height:0;min-width:0;overflow-y:auto;transition:-webkit-mask-image .3s ease-in-out;transition:mask-image .3s ease-in-out;transition:mask-image .3s ease-in-out,-webkit-mask-image .3s ease-in-out}.card p{color:#cbd5e1;color:var(--text-secondary);font-size:.75rem;font-weight:200}.experience-modal-content{color:#f1f5f9;color:var(--text-primary);display:flex;flex-direction:row;height:calc(60vh + 2.5rem);height:calc(60vh + var(--modal-header-height, 2.5rem));min-height:0;overflow:hidden;width:100%}@media(max-width:800px){.experience-modal-content{flex-direction:column;height:auto;max-height:calc(90vh - 3.5rem);max-height:calc(90vh - var(--modal-header-height, 2.5rem) - 1rem)}}.experience-modal-content .experience-list-modal{background-color:#1a2029;background-color:var(--bg-surface-elevated);border-right:1px solid #232a34;border-right:1px solid var(--border-subtle);display:flex;flex:0 0 32%;flex-direction:column;gap:.25rem;min-height:0;min-width:0;overflow-y:auto;padding:3rem .5rem .5rem;padding:calc(var(--modal-header-height, 2.5rem) + .5rem) .5rem .5rem}@media(max-width:800px){.experience-modal-content .experience-list-modal{display:none}}.experience-modal-content .experience-list-modal .experience-item-modal{align-items:flex-start;background:#0000;border:none;border-radius:6px;color:#cbd5e1;color:var(--text-secondary);cursor:pointer;display:flex;flex-direction:column;font:inherit;font-size:.75rem;gap:.2rem;line-height:1.35;padding:.5rem .625rem;text-align:left;transition:background-color .2s ease,color .2s ease;width:100%}.experience-modal-content .experience-list-modal .experience-item-modal__role{font-weight:300;line-height:1.3}.experience-modal-content .experience-list-modal .experience-item-modal__company{font-size:.88em;line-height:1.25;opacity:.9}.experience-modal-content .experience-list-modal .experience-item-modal:hover{background-color:#2dd4bf26;background-color:var(--accent-soft);color:#f1f5f9;color:var(--text-primary)}.experience-modal-content .experience-list-modal .experience-item-modal.active{background-color:#2dd4bf;background-color:var(--accent);color:#04201d;color:var(--text-on-accent);font-weight:300}.experience-modal-content .experience-list-modal .experience-item-modal.active .experience-item-modal__company{opacity:.95}.experience-modal-content .experience-detail-modal{align-items:stretch;display:flex;flex:1 1;flex-direction:column;gap:.75rem;gap:var(--modal-gap,.75rem);min-height:0;min-width:0;overflow-y:auto;padding:3rem 1rem;padding:calc(var(--modal-header-height, 2.5rem) + .5rem) var(--modal-padding,1rem)}.experience-modal-content .experience-detail-modal>*{max-width:100%;width:100%}@media(max-width:800px){.experience-modal-content .experience-detail-modal{align-items:center}.experience-modal-content .experience-detail-modal>*{width:100%}}.experience-modal-content .experience-detail-modal a{color:#2dd4bf;color:var(--link);text-decoration:underline}.experience-modal-content .experience-detail-modal a:hover{color:#5eead4;color:var(--link-hover);text-decoration:none}.experience-modal-content .experience-detail-modal .modal-header{align-items:flex-start;border-bottom:1px solid #232a34;border-bottom:1px solid var(--border-subtle);box-sizing:border-box;display:flex;gap:1rem;margin-bottom:.25rem;padding-bottom:.75rem;width:100%}@media(max-width:800px){.experience-modal-content .experience-detail-modal .modal-header{align-items:center;flex-direction:column}}.experience-modal-content .experience-detail-modal .modal-header .company-logo{background-color:#fff;background-color:var(--logo-chip-bg);border-radius:6px;flex-shrink:0;height:auto;padding:4px;width:64px}@media(max-width:800px){.experience-modal-content .experience-detail-modal .modal-header .company-logo{margin-bottom:.25rem}}.experience-modal-content .experience-detail-modal .experience-heading{display:flex;flex:1 1;flex-direction:column;gap:.2rem;min-width:0;text-align:left}@media(max-width:800px){.experience-modal-content .experience-detail-modal .experience-heading{align-items:center;text-align:center}}.experience-modal-content .experience-detail-modal .experience-heading__company,.experience-modal-content .experience-detail-modal .experience-heading__location,.experience-modal-content .experience-detail-modal .experience-heading__role{line-height:1.35;margin:0}.experience-modal-content .experience-detail-modal .experience-heading__role{color:#f1f5f9;color:var(--text-primary);font-size:1.0125rem;font-weight:300}.experience-modal-content .experience-detail-modal .experience-heading__company{color:#cbd5e1;color:var(--text-secondary);font-size:.7875rem;font-weight:200}.experience-modal-content .experience-detail-modal .experience-heading__location{color:#64748b;color:var(--text-muted,var(--text-secondary));font-size:.75rem;font-weight:200;margin-top:.15rem}.experience-modal-content .experience-detail-modal .experience-section-label{color:#64748b;color:var(--text-muted,var(--text-secondary));display:block;font-size:.72rem;font-weight:300;letter-spacing:.06em;margin-bottom:.35rem;text-transform:uppercase}.experience-modal-content .experience-detail-modal .experience-skills{border-bottom:1px solid #232a34;border-bottom:1px solid var(--border-subtle);padding-bottom:.5rem}.experience-modal-content .experience-detail-modal .experience-skills__list{color:#cbd5e1;color:var(--text-secondary);font-size:.75rem;font-weight:200;line-height:1.5;margin:0}.experience-modal-content .experience-detail-modal .experience-body{min-width:0}.experience-modal-content .experience-detail-modal p{color:#cbd5e1;color:var(--text-secondary);font-size:.75rem;margin:10px 0}@media(max-width:800px){.experience-modal-content .experience-detail-modal p{text-align:justify}}.experience-modal-content .experience-detail-modal ul{color:#cbd5e1;color:var(--text-secondary);font-size:.75rem;list-style-type:disc;margin:10px 0;padding-left:20px}.experience-modal-content .experience-detail-modal li{margin-bottom:5px}.experience-container{align-items:flex-start;display:flex;flex-direction:column;height:100%;width:100%}.experience-list{list-style-type:none;margin:0;padding:0;width:100%}.experience-item{border-bottom:1px solid #232a34;border-bottom:1px solid var(--border-subtle);margin:0 10px}.experience-item:has(.experience-item-button:hover){border-bottom-color:#0000}.experience-item .experience-item-button{background:#0000;border:none;color:inherit;cursor:pointer;display:block;font:inherit;margin:0;padding:4px 10px 10px;text-align:left;transition:background-color .2s;width:100%}.experience-item .experience-item-button:hover{background-color:#2dd4bf26;background-color:var(--accent-soft)}.experience-item .experience-item-button:hover .experience-location,.experience-item .experience-item-button:hover .experience-shortdesc,.experience-item .experience-item-button:hover .experience-title,.experience-item .experience-title{color:#f1f5f9;color:var(--text-primary)}.experience-item .experience-title{display:flex;flex-direction:column;font-size:.75rem;gap:.15rem}.experience-item .experience-title__role{font-weight:300;line-height:1.3}.experience-item .experience-title__company{color:#cbd5e1;color:var(--text-secondary);font-size:.9em;font-weight:200;line-height:1.25}.experience-item .experience-location,.experience-item .experience-shortdesc{color:#cbd5e1;color:var(--text-secondary);font-size:.75rem;padding-top:4px}.education-container{align-items:flex-start;display:flex;flex-direction:column;height:100%;width:100%}.education-list{list-style-type:none;margin:0;padding:0;width:100%}.education-item{border-bottom:1px solid #232a34;border-bottom:1px solid var(--border-subtle);margin:0 10px;padding-bottom:10px;padding-top:4px;transition:background-color .2s}.education-item.degree-item{border-left:4px solid #2dd4bf;border-left:4px solid var(--accent-strip-1)}.education-item.a-levels-item,.education-item.degree-item{background-color:#1a2029;background-color:var(--bg-surface-elevated);border-radius:4px;box-shadow:0 1px 2px #0006;box-shadow:var(--shadow-sm);margin:10px;padding:5px 10px}.education-item.a-levels-item{border-left:4px solid #fbbf24;border-left:4px solid var(--accent-strip-2)}.education-item .education-title{color:#f1f5f9;color:var(--text-primary);font-size:.75rem;font-weight:200}.education-item .education-grad,.education-item .education-location{color:#cbd5e1;color:var(--text-secondary);font-size:.75rem;padding-top:4px}.certification-button{text-wrap:nowrap;align-items:center;background-color:#1a2029;background-color:var(--bg-surface-elevated);border:1px solid #232a34;border:1px solid var(--border-subtle);border-radius:14px;box-shadow:0 1px 2px #0006;box-shadow:var(--shadow-sm);color:#f1f5f9;color:var(--text-primary);cursor:pointer;display:flex;font-size:.75rem;justify-content:center;margin:3% 0 0;opacity:.6;padding:3px 0;transition:transform .3s,box-shadow .3s,opacity .3s,background-color .3s;width:100px}.certification-button:hover{background-color:#2dd4bf26;background-color:var(--accent-soft);box-shadow:0 4px 12px #00000080;box-shadow:var(--shadow-md);opacity:1;text-decoration:none}.certification-button a{color:inherit;justify-content:center;text-decoration:none}.certification-button a,.certification-button a .button-content{align-items:center;display:flex}.certification-button a .button-icon{margin-left:4px}.clock-container{height:100%;position:relative;width:100%}.clock,.clock-container{align-items:center;display:flex;justify-content:center}.clock{height:60%;margin-bottom:20%;position:absolute;width:60%}.clock .hand{background-color:#f1f5f9;background-color:var(--text-primary);bottom:35%;position:absolute;transform-origin:bottom;transition:transform .05s ease-in-out}.clock .hour-hand{height:25%;width:2%}.clock .minute-hand{height:35%;width:2%}.clock .second-hand{background-color:#f87171;background-color:var(--accent-warm);height:40%;width:1%}.clock .mark{align-items:center;bottom:35%;display:flex;height:70%;justify-content:center;position:absolute;transform-origin:center bottom;width:70%}.clock .hour-mark .mark-line{background-color:#cbd5e1;background-color:var(--text-secondary);height:8%;transform:translateX(-50%) translateY(-300%);width:1%}.clock .minute-mark .minute-mark-line{background-color:#2f3845;background-color:var(--border-strong);height:5%;transform:translateX(-50%) translateY(-600%);width:1%}.projects-container{align-items:flex-start;display:flex;flex-direction:column;height:100%;width:100%}.projects-container .project-item,.projects-container .special-project-item{grid-column-gap:15px;align-items:center;border-radius:10px;column-gap:15px;display:grid;grid-template-columns:auto 1fr;list-style-type:none;margin:10px;padding:10px;transition:background-color .2s;width:calc(100% - 20px)}.projects-container .project-item:hover:not(:has(.view-button:hover)),.projects-container .special-project-item:hover:not(:has(.view-button:hover)){background-color:#2dd4bf26;background-color:var(--accent-soft)}.projects-container .project-item .project-card-link,.projects-container .special-project-item .project-card-link{color:inherit;display:contents;text-decoration:none}.projects-container .project-item .project-image-container,.projects-container .special-project-item .project-image-container{align-items:center;border-radius:50%;display:flex;grid-column:1;grid-row:1;height:75px;justify-content:center;margin-bottom:0;width:75px}.projects-container .project-item .project-image,.projects-container .special-project-item .project-image{border-radius:30%;max-height:80%;max-width:80%;object-fit:contain}.projects-container .project-item .view-button,.projects-container .special-project-item .view-button{align-items:center;background-color:#131820;background-color:var(--bg-surface);border:1px solid #232a34;border:1px solid var(--border-subtle);border-radius:14px;box-shadow:0 1px 2px #0006;box-shadow:var(--shadow-sm);color:#f1f5f9;color:var(--text-primary);cursor:pointer;display:flex;font-size:.75rem;grid-column:1;grid-row:2;justify-content:center;justify-self:center;opacity:.6;padding:0 10px;text-align:center;text-decoration:none;transition:background-color .2s,box-shadow .3s,opacity .3s}.projects-container .project-item .view-button:hover,.projects-container .special-project-item .view-button:hover{background-color:#2dd4bf;background-color:var(--accent);border-color:#2dd4bf;border-color:var(--accent);box-shadow:0 4px 12px #00000080;box-shadow:var(--shadow-md);color:#04201d;color:var(--text-on-accent);opacity:1}.projects-container .project-item .view-button .button-icon,.projects-container .special-project-item .view-button .button-icon{font-size:.825rem;margin-left:4px}.projects-container .project-item:not(:has(.project-image-container)) .project-details,.projects-container .special-project-item:not(:has(.project-image-container)) .project-details{grid-column:1/-1}.projects-container .project-item .project-details,.projects-container .special-project-item .project-details{align-items:flex-start;display:flex;flex-direction:column;grid-column:2;grid-row:1/span 2;width:100%}.projects-container .project-item .project-details .project-title,.projects-container .special-project-item .project-details .project-title{color:#f1f5f9;color:var(--text-primary);font-size:.75rem}.projects-container .project-item .project-details .project-description,.projects-container .special-project-item .project-details .project-description{color:#cbd5e1;color:var(--text-secondary);font-size:.75rem}.projects-container .project-item .project-details .project-stack,.projects-container .special-project-item .project-details .project-stack{color:#cbd5e1;color:var(--text-secondary);font-size:.75rem;margin-top:5px}.projects-container .project-item{background-color:#1a2029;background-color:var(--bg-surface-elevated);border-radius:10px;margin:10px;padding:12px}.projects-container .more-info-text{text-align:center;width:100%}.projects-container .more-info-text>span{color:#64748b;color:var(--text-muted);font-size:.75rem}.projects-container .projects-list{list-style-type:none;margin:0;padding:0;width:100%}.status-card{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.status-card .text-container{background-color:#0b1014;background-color:var(--bg-base);border:1px solid #232a34;border:1px solid var(--border-subtle);border-radius:8px;margin:3px 10px;max-width:80%}.status-card .text-container .status-text{color:#f1f5f9;color:var(--text-primary);font-size:.75rem;padding:5px;text-align:center}.status-circle{border-radius:50%;box-shadow:0 0 8px 2px;height:12px;width:12px}.portfolio-container{align-items:center;display:flex;flex-direction:column;width:95%}.portfolio-grid{grid-gap:5px;background-color:#1a2029;background-color:var(--bg-surface-elevated);border-radius:8px;display:grid;gap:5px;grid-template-columns:repeat(3,1fr);height:100%;margin:0;padding:8px;width:100%}.portfolio-item{aspect-ratio:1;background:#0000;border:none;border-radius:8px;color:inherit;cursor:pointer;display:block;font:inherit;overflow:hidden;padding:0;position:relative;width:100%}.portfolio-item img{border-radius:8px;box-shadow:0 4px 12px #00000080;box-shadow:var(--shadow-md);height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.portfolio-hover-preview{border:1px solid #232a34;border:1px solid var(--border-subtle);border-radius:8px;box-shadow:0 12px 28px #0009;box-shadow:var(--shadow-lg);overflow:hidden;pointer-events:none;position:fixed;z-index:900}.portfolio-hover-preview img{height:100%;object-fit:cover;width:100%}.centered{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:10%}.portfolio-modal-content{align-items:stretch;display:flex;flex-direction:column;gap:1rem;gap:var(--modal-gap,1rem);width:100%}.portfolio-modal-content img{border-radius:6px;height:auto;max-height:60vh;object-fit:contain;width:100%}.portfolio-modal-content p{color:#cbd5e1;color:var(--text-secondary);font-size:.85rem;line-height:1.5;margin:0;text-align:center}.report-padding{padding:5%}.report-padding .report-button{align-items:center;background-color:#1a2029;background-color:var(--bg-surface-elevated);border:1px solid #232a34;border:1px solid var(--border-subtle);border-radius:14px;box-shadow:0 1px 2px #0006;box-shadow:var(--shadow-sm);color:#f1f5f9;color:var(--text-primary);cursor:pointer;display:flex;font-size:.75rem;justify-content:center;justify-items:center;opacity:.6;padding:3px 8px;transition:transform .3s,box-shadow .3s,opacity .3s}.report-padding .report-button:hover{box-shadow:0 4px 12px #00000080;box-shadow:var(--shadow-md);opacity:1;text-decoration:none;transform:translateY(-2px)}.contact-container{flex-direction:column;height:100%;width:100%}.connect-button,.contact-container{align-items:center;display:flex;justify-content:center}.connect-button{text-wrap:nowrap;background-color:#1a2029;background-color:var(--bg-surface-elevated);border:1px solid #232a34;border:1px solid var(--border-subtle);border-radius:14px;box-shadow:0 1px 2px #0006;box-shadow:var(--shadow-sm);color:#f1f5f9;color:var(--text-primary);cursor:pointer;font-size:.75rem;margin:3% 0;opacity:.6;padding:3px 0;transition:transform .3s,box-shadow .3s,opacity .3s,background-color .3s,color .3s,border-color .3s;width:70%}.connect-button:hover{background-color:#2dd4bf;background-color:var(--accent);border-color:#2dd4bf;border-color:var(--accent);box-shadow:0 4px 12px #00000080;box-shadow:var(--shadow-md);color:#04201d;color:var(--text-on-accent);opacity:1;text-decoration:none}.connect-button .button-icon{display:inline-block;margin-left:4px}.recommendation-container{align-items:flex-start;animation:cardFadeIn .5s ease-out;display:flex;flex-direction:column;padding:5px 10px 10px;width:100%}.recommendation-text{color:#f1f5f9;color:var(--text-primary);font-size:.75rem;margin-bottom:5px}.recommendation-recommender{color:#cbd5e1;color:var(--text-secondary);font-size:.75rem;font-style:italic}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.skills-container{align-items:flex-start;display:flex;flex-direction:column;height:100%;width:100%}.skills-list{list-style-type:none;margin:0;padding:0;width:100%}.skills-item{align-items:flex-start;border-bottom:1px solid #232a34;border-bottom:1px solid var(--border-subtle);display:flex;flex-direction:column;margin:0 10px;padding-bottom:10px;padding-top:4px}.skills-item .skills-title{color:#f1f5f9;color:var(--text-primary);font-size:.75rem;font-weight:200;margin-bottom:4px}.skills-item .certified-section{align-items:center;color:#fbbf24;color:var(--badge-certified);cursor:pointer;display:flex;font-size:.75rem;margin-right:4px;position:relative;text-shadow:0 0 20px #fbbf24;text-shadow:0 0 20px var(--badge-certified)}.skills-item .certified-section:hover{text-shadow:0 0 50px #fbbf24;text-shadow:0 0 50px var(--badge-certified)}.skills-item .certified-section.non-clickable{cursor:default}.skills-item .certified-section .certified-label{margin-right:4px}.skills-item .certified-section .certified-icon{font-size:.825rem}.skills-item .completed-section{align-items:center;color:#a78bfa;color:var(--badge-completed);cursor:pointer;display:flex;font-size:.75rem;margin-right:4px;position:relative;text-shadow:0 0 20px #a78bfa;text-shadow:0 0 20px var(--badge-completed)}.skills-item .completed-section:hover{text-shadow:0 0 50px #a78bfa;text-shadow:0 0 50px var(--badge-completed)}.skills-item .completed-section.non-clickable{cursor:default}.skills-item .completed-section .completed-label{margin-right:4px}.skills-item .completed-section .certified-icon{font-size:.825rem}.skills-filter-controls{align-items:center;display:inline-flex;gap:4px}.skills-filter-button{align-items:center;background:#0000;border:1px solid #232a34;border:1px solid var(--border-subtle);border-radius:6px;cursor:pointer;display:inline-flex;height:22px;justify-content:center;opacity:.45;padding:0;transition:opacity .2s,background-color .2s,border-color .2s,transform .2s;width:22px}.skills-filter-button .MuiSvgIcon-root{font-size:.825rem!important}.skills-filter-button:hover{opacity:.85}.skills-filter-button:focus-visible{outline:2px solid #5eead4;outline:2px solid var(--focus-ring);outline-offset:2px}.skills-filter-button--certified{color:#fbbf24;color:var(--badge-certified)}.skills-filter-button--completed{color:#a78bfa;color:var(--badge-completed)}.skills-filter-button.is-active{opacity:1;transform:translateY(-1px)}.skills-filter-button--certified.is-active{background-color:#fbbf242e;background-color:var(--badge-certified-soft);border-color:#fbbf24;border-color:var(--badge-certified)}.skills-filter-button--completed.is-active{background-color:#a78bfa2e;background-color:var(--badge-completed-soft);border-color:#a78bfa;border-color:var(--badge-completed)}.see-more-button{align-items:center;background-color:#0000;border:none;border-radius:14px;color:#cbd5e1;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.75rem;justify-content:center;opacity:.6;padding:3px 8px;transition:transform .3s,opacity .3s,color .3s;white-space:nowrap;width:110%}.see-more-button:hover{color:#f1f5f9;color:var(--text-primary);opacity:1;text-decoration:none}.button-icon{display:inline-block;margin-left:4px}.MuiSvgIcon-root{font-size:.825rem!important}.reload-button{align-items:center;background-color:#0000;border:none;border-radius:14px;color:#cbd5e1;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.825rem;justify-content:center;opacity:.6;padding:3px 8px;transition:transform .3s,opacity .3s,color .3s;white-space:nowrap;width:110%}.reload-button:hover{color:#f1f5f9;color:var(--text-primary);opacity:1;text-decoration:none}@keyframes dropIn{0%{opacity:0;transform:translateY(-100px) scaleY(.85)}50%{opacity:.5;transform:translateY(15px) scaleY(1.1)}65%{transform:translateY(-10px) scaleY(.95)}80%{transform:translateY(5px) scaleY(1.05)}90%{transform:translateY(-2px) scaleY(.98)}to{opacity:1;transform:translateY(0) scaleY(1)}}@keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}.page-framer{animation:fadeInAnimation 2s ease;animation-delay:0s;animation-fill-mode:forwards;animation-iteration-count:1;display:flex;flex-direction:column;height:100vh;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.page-framer .page-centering{margin-bottom:auto;margin-top:auto}.page-framer .page-centering .main-content-framer{display:grid;grid-template-columns:repeat(6,190px);grid-template-rows:repeat(4,190px);max-height:calc(var(--grid-object-height)*4);width:100%}@media(max-width:1200px){.page-framer .page-centering .main-content-framer{grid-template-columns:repeat(4,190px);grid-template-rows:repeat(6,190px);max-height:calc(var(--grid-object-height)*6)}}@media(max-width:800px){.page-framer .page-centering .main-content-framer{grid-template-columns:repeat(2,205px);grid-template-rows:repeat(12,205px);max-height:calc(var(--grid-object-height)*12)}}.page-framer .page-centering .main-content-framer .card{animation-duration:1.2s;animation-fill-mode:backwards;animation-name:dropIn;animation-timing-function:ease-in-out;max-height:100%;max-width:100%;min-height:0;min-width:0}.page-framer .page-centering .main-content-framer .card.card--no-entrance{animation:none}.page-framer .page-centering .main-content-framer .card ::-webkit-scrollbar-track{background-color:#0000;border-left:1px solid #232a34;border-left:1px solid var(--border-subtle)}.page-framer .page-centering .main-content-framer .six-columns{grid-column:span 6}.page-framer .page-centering .main-content-framer .five-columns{grid-column:span 5}.page-framer .page-centering .main-content-framer .four-columns{grid-column:span 4}.page-framer .page-centering .main-content-framer .three-columns{grid-column:span 3}.page-framer .page-centering .main-content-framer .two-columns{grid-column:span 2}.page-framer .page-centering .main-content-framer .one-column{grid-column:span 1}.page-framer .page-centering .main-content-framer .four-rows{grid-row:span 4}.page-framer .page-centering .main-content-framer .three-rows{grid-row:span 3}.page-framer .page-centering .main-content-framer .two-rows{grid-row:span 2}.page-framer .page-centering .main-content-framer .one-row{grid-row:span 1}.scroll-indicator{align-items:center;animation:bounce 3s ease-out,fadeOut 3s forwards;display:none;height:100%;justify-content:center;pointer-events:none;position:fixed;top:10px;width:100%;z-index:1000}.scroll-indicator:before{bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.scroll-indicator .indicator{align-items:center;display:flex;height:25%;justify-content:center;position:relative;width:25%}@keyframes bounce{0%,20%,40%,60%,80%,to{filter:brightness(150%) blur(6px);opacity:.7;transform:translateY(0)}10%,30%,50%,70%,90%{filter:brightness(150%) blur(0);opacity:0;transform:translateY(-30px)}}@keyframes fadeOut{0%{opacity:1}90%{opacity:1}to{opacity:0}}@media screen and (max-width:768px){.scroll-indicator{display:flex}}:root,:root[data-theme=dark]{--bg-base:#0b1014;--bg-surface:#131820;--bg-surface-elevated:#1a2029;--bg-surface-strong:#05080b;--bg-overlay:#000000a6;--border-subtle:#232a34;--border-strong:#2f3845;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-muted:#64748b;--text-on-accent:#04201d;--text-on-strong:#f1f5f9;--accent:#2dd4bf;--accent-hover:#5eead4;--accent-soft:#2dd4bf26;--accent-glow:#2dd4bf8c;--accent-warm:#f87171;--link:var(--accent);--link-hover:var(--accent-hover);--link-active:#99f6e4;--focus-ring:#5eead4;--badge-certified:#fbbf24;--badge-certified-soft:#fbbf242e;--badge-completed:#a78bfa;--badge-completed-soft:#a78bfa2e;--accent-strip-1:var(--accent);--accent-strip-2:#fbbf24;--status-busy:#f87171;--status-available:#34d399;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 12px #00000080;--shadow-lg:0 12px 28px #0009;--shadow-accent:0 0 14px var(--accent-glow);--scrollbar-thumb:var(--border-strong);--scrollbar-thumb-hover:var(--accent);--logo-chip-bg:#fff}:root[data-theme=light]{--bg-base:#f5ebe0;--bg-surface:#fffaf3;--bg-surface-elevated:#efe3d2;--bg-surface-strong:#2a2118;--bg-overlay:#2a211873;--border-subtle:#e2d5bf;--border-strong:#b8a78c;--text-primary:#2a2118;--text-secondary:#5e5042;--text-muted:#9c8b78;--text-on-accent:#fff;--text-on-strong:#fffaf3;--accent:#0e8f80;--accent-hover:#0a6f63;--accent-soft:#0e8f801f;--accent-glow:#0e8f8066;--accent-warm:#c75c34;--link:var(--accent);--link-hover:var(--accent-hover);--link-active:#0a5c52;--focus-ring:#38b2a3;--badge-certified:#b8651a;--badge-certified-soft:#b8651a24;--badge-completed:#6b4f8f;--badge-completed-soft:#6b4f8f24;--accent-strip-1:var(--accent);--accent-strip-2:#b8651a;--status-busy:#b8442c;--status-available:#5a8a4e;--shadow-sm:0 1px 2px #2a21180f;--shadow-md:0 4px 12px #2a21181a;--shadow-lg:0 12px 28px #2a211829;--shadow-accent:0 0 12px var(--accent-glow);--scrollbar-thumb:var(--border-strong);--scrollbar-thumb-hover:var(--accent);--logo-chip-bg:#0000}@font-face{font-family:Quicksand;font-style:normal;font-weight:400;src:url(/static/media/Quicksand-Regular.67e7ce07307c681fb49d.ttf) format("truetype")}@font-face{font-family:Quicksand;font-style:normal;font-weight:700;src:url(/static/media/Quicksand-Bold.bac7ed87f9bcd95a6c55.ttf) format("truetype")}@font-face{font-family:Quicksand;font-style:normal;font-weight:300;src:url(/static/media/Quicksand-Light.20523381a742ca1d4a26.ttf) format("truetype")}@font-face{font-family:Quicksand;font-style:normal;font-weight:500;src:url(/static/media/Quicksand-Medium.9fd398f86ce80d968762.ttf) format("truetype")}@font-face{font-family:Quicksand;font-style:normal;font-weight:600;src:url(/static/media/Quicksand-SemiBold.6018f97203d39e0dfc6d.ttf) format("truetype")}:focus-visible{border-radius:4px;outline:2px solid #5eead4;outline:2px solid var(--focus-ring);outline-offset:2px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background-color:#2f3845;background-color:var(--scrollbar-thumb);border-radius:5px}::-webkit-scrollbar-thumb:hover{background-color:#2dd4bf;background-color:var(--scrollbar-thumb-hover)}::-webkit-scrollbar-track{background-color:#0000;border-left:none}::-webkit-scrollbar-track-piece{background-color:#0000}.footer{align-items:center;border-top:1px solid #232a34;border-top:1px solid var(--border-subtle);display:flex;flex-direction:row;justify-content:space-between;margin:14px 7px}@media(max-width:800px){.footer{align-items:center;flex-direction:column;justify-content:center;margin:14px auto;padding:10% 14% 5%}.footer .left-container,.footer .name-title{text-align:center;width:100%}}.footer .bold{font-weight:700}.footer .design-info{color:#64748b;color:var(--text-muted);font-size:.79rem;margin:10px}@media(max-width:800px){.footer .design-info{text-align:center;width:auto}}.footer .design-info a.link{color:#2dd4bf;color:var(--link);cursor:pointer;text-decoration:underline}.footer .design-info a.link:hover{color:#5eead4;color:var(--link-hover);text-decoration:none}.footer .design-info a.link:active,.footer .design-info a.link:focus{color:#99f6e4;color:var(--link-active);outline:none}
/*# sourceMappingURL=main.a789ef12.css.map*/