@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.hidden{display:none}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}@font-face{font-family:GeneralSans;src:url(/assets/GeneralSans-Regular-BeAhF2WT.woff2)format("woff2"),url(/assets/GeneralSans-Regular-Dk2lLWJL.woff)format("woff"),url(/assets/GeneralSans-Regular-BTmkhiIl.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Button;src:url(/assets/unbutton-BXOsycQd.ttf)format("truetype");font-display:swap}:root{--accent:#f2a13a;--bg-light:#f7f7f7;--bg-dark:#0b0f12;--panel-dark:#14171a;--panel-light:#fff;--text-light:#2b2b2b;--text-dark:#e9eef2;--muted-light:#5c636b;--muted-dark:#aeb6bf;--muted-text:var(--muted-light);--sidebar-width:320px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-light);color:var(--text-light);min-height:100vh;font-family:GeneralSans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}html{background-color:var(--panel-dark)}body{background-color:var(--bg-light)}.dark body{background-color:var(--bg-dark);background:radial-gradient(60% 50% at 80% 10%,#f2a13a14,transparent 60%),radial-gradient(50% 40% at 10% 90%,#ffffff0a,transparent 60%),var(--bg-dark);color:var(--text-dark)}.dark{--muted-text:var(--muted-dark)}.app-layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background-color:var(--panel-dark);z-index:40;height:100vh;box-shadow:none;border:none;border-radius:0;flex-direction:column;padding:50px 40px;animation:.75s cubic-bezier(.22,.9,.3,1) both sidebar-slide-in;display:flex;position:fixed;top:0;left:0}.dark .sidebar{background-color:var(--panel-dark)}.sidebar-brand{border-bottom:10px solid var(--text-dark);width:fit-content;margin-bottom:70px;margin-left:auto;margin-right:auto;padding-bottom:18px}.sidebar-brand-text{color:var(--text-dark);white-space:nowrap;text-align:center;font-family:Oswald,sans-serif;font-size:2.2rem;font-weight:800;line-height:1.1}.sidebar-nav{flex-direction:column;gap:10px;display:flex}.nav-link{color:var(--text-dark);padding:6px 0;font-family:Karla,sans-serif;font-size:1.25rem;font-weight:300;text-decoration:none;transition:color .2s,transform .2s;display:inline-block}.nav-link:hover{color:var(--accent);transform:translate(5px)}.nav-link.active{color:var(--accent);font-weight:600}.main-content{margin-left:var(--sidebar-width);background-color:var(--bg-light);min-height:100vh;box-shadow:none;border-radius:0;flex:1}.dark .main-content{background-color:var(--panel-dark);box-shadow:none;border:none;border-radius:0}@media(max-width:900px){.sidebar-desktop{display:none}.main-content{margin-left:0}.dark .main-content{margin:0}.mobile-menu-btn{display:flex!important}}.mobile-menu-btn{z-index:50;background-color:var(--panel-dark);cursor:pointer;color:var(--text-dark);border:none;border-radius:8px;padding:8px;display:none;position:fixed;top:14px;left:20px}.mobile-overlay{opacity:0;pointer-events:none;z-index:30;background:#00000073;transition:opacity .3s;position:fixed;inset:0}.mobile-overlay.open{opacity:1;pointer-events:auto}.mobile-sidebar{background-color:var(--panel-dark);z-index:40;flex-direction:column;width:240px;height:100vh;padding:40px 28px;transition:transform .45s cubic-bezier(.22,.9,.3,1);display:flex;position:fixed;top:0;left:0;transform:translate(-100%)}.mobile-sidebar.open{transform:translate(0)}.mobile-brand .sidebar-brand-text{font-size:1.6rem;line-height:1.05}@media(max-width:500px){.mobile-sidebar{width:210px}.mobile-brand .sidebar-brand-text{font-size:1.45rem}}.theme-toggle{z-index:50;cursor:pointer;background:0 0;border:none;border-radius:50%;padding:10px;transition:transform .2s,background-color .2s;position:fixed;top:20px;right:20px}.theme-toggle:hover{background-color:#0000000d;transform:scale(1.1)}.dark .theme-toggle{border:none}.dark .theme-toggle:hover{background-color:#ffffff1a}.page-section{min-height:100vh;padding:50px;animation:.5s fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes sidebar-slide-in{0%{transform:translate(-120%)}to{transform:translate(0)}}@media(max-width:768px){.page-section{padding:30px 20px}}.skills-container{background-color:var(--panel-dark);border:1px solid #f2a13a40;border-radius:8px;max-width:520px;padding:20px;transition:transform .3s}.dark .skills-container{background-color:#14171ae6}.skills-container:hover{transform:scale(1.02)}.skills-badges{flex-wrap:wrap;gap:6px;display:flex}.skills-container img{cursor:pointer;transition:transform .2s}.skills-container img:hover{transform:scale(1.1)}.skills-page{max-width:980px}.skills-hero{margin-bottom:28px}.skills-hero-title{letter-spacing:.01em;margin-bottom:6px;font-size:2.4rem;font-weight:800}.skills-hero-subtitle{color:var(--muted-text);max-width:640px;font-size:1.05rem;line-height:1.65}.skills-section-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.skills-section-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fff9;border:1px solid #00000014;border-radius:16px;padding:18px 18px 20px;transition:transform .25s,border-color .25s,box-shadow .25s;box-shadow:0 12px 28px #0000001f}.skills-section-card:hover{border-color:#f2a13a73;transform:translateY(-3px);box-shadow:0 16px 34px #00000029}.skills-section-header{margin-bottom:14px}.skills-section-title{letter-spacing:.04em;text-transform:uppercase;color:inherit;align-items:center;gap:10px;font-size:1.15rem;font-weight:700;display:flex}.skills-section-icon{color:var(--accent);font-size:1.1rem}.skills-section-tagline{color:var(--muted-text);margin-top:6px;font-size:.95rem}.skills-chip-grid{flex-wrap:wrap;gap:10px;display:flex}.skills-chip{color:inherit;background:#ffffffb3;border:1px solid #00000014;border-radius:999px;align-items:center;gap:8px;padding:7px 12px;font-size:.95rem;transition:transform .2s,border-color .2s;display:inline-flex}.skills-chip-icon{color:var(--accent);font-size:.95rem}.skills-chip:hover{border-color:#f2a13a8c;transform:translateY(-2px)}.dark .skills-section-card{background:#12141699;border:1px solid #ffffff1f;box-shadow:0 16px 36px #0006}.dark .skills-chip{color:#ffffffe6;background:#ffffff14;border-color:#ffffff24}.skills-footer{flex-wrap:wrap;gap:10px;margin-top:26px;display:flex}.skills-footer-pill{color:#ffffffd9;background:#f2a13a1a;border:1px solid #f2a13a4d;border-radius:999px;padding:8px 14px;font-size:.95rem}@media(max-width:900px){.skills-section-grid{grid-template-columns:1fr}}.services-page{max-width:980px}.services-hero{margin-bottom:26px}.services-title{margin-bottom:6px;font-size:2.4rem;font-weight:800}.services-subtitle{color:var(--muted-text);max-width:640px;font-size:1.05rem;line-height:1.65}.services-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 28px;margin-bottom:24px;display:grid}.services-item{border-bottom:1px solid #ffffff14;grid-template-columns:56px 1fr;align-items:start;gap:14px;padding-bottom:16px;transition:border-color .2s;display:grid}.services-item:hover{border-color:#f2a13a66}.services-index{color:#f2a13acc;font-size:1.8rem;font-weight:800;line-height:1}.services-item-title{margin-bottom:6px;font-size:1.15rem;font-weight:700}.services-item-text{color:var(--muted-text);line-height:1.6}.services-flow{background:0 0;border:none;margin-bottom:24px;padding:0}.services-flow-title{text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;font-size:1.05rem;font-weight:700}.services-flow-list{color:var(--muted-text);gap:8px;margin:0;padding:0;list-style:none;display:grid}.services-flow-list li:before{content:"*";color:var(--accent);margin-right:8px}.services-cta{background:0 0;border:none;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:0;display:flex}.services-cta-text{font-weight:600}.services-cta-actions{gap:12px;display:flex}.services-btn{background:var(--accent);color:#0b0f12;border-radius:999px;padding:8px 16px;font-weight:700;text-decoration:none;transition:transform .2s,opacity .2s}.services-btn.secondary{color:inherit;background:0 0;border:1px solid #0003}.dark .services-btn.secondary{border-color:#fff3}.services-btn:hover{opacity:.9;transform:translateY(-1px)}.services-form{max-width:720px;margin-top:32px}.services-form-title{margin-bottom:6px;font-size:1.35rem;font-weight:700}.services-form-subtitle{color:var(--muted-text);margin-bottom:18px;line-height:1.6}.services-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.form-field{flex-direction:column;gap:8px;font-size:.95rem;display:flex}.form-field span{color:var(--muted-text);font-weight:600}.form-field input,.form-field select,.form-field textarea{color:inherit;background:0 0;border:1px solid #0003;border-radius:10px;outline:none;padding:10px 12px;font-size:.95rem;transition:border-color .2s}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#f2a13a99}.dark .form-field input,.dark .form-field select,.dark .form-field textarea{border-color:#fff3}.form-field-full{grid-column:1/-1}.form-submit{width:fit-content}.form-success{color:#ffffffd9;background:#40d48f1f;border:1px solid #40d48f59;border-radius:10px;margin-bottom:16px;padding:10px 12px;font-weight:600}body:not(.dark) .form-success{color:#1d3a2b}@media(max-width:900px){.services-form-grid,.services-grid{grid-template-columns:1fr}}.contact-page{max-width:980px}.contact-hero{margin-bottom:22px}.contact-title{margin-bottom:6px;font-size:2.4rem;font-weight:800}.contact-subtitle{color:var(--muted-text);max-width:640px;font-size:1.05rem;line-height:1.65}.contact-status{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.status-pill{background:#40d48f1f;border:1px solid #40d48f59;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-weight:600;display:inline-flex}.status-dot{background:#40d48f;border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #40d48fcc}.contact-sections{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:22px;display:grid}.contact-section-title{text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;font-size:1rem;font-weight:700}.contact-section-list{color:var(--muted-text);gap:8px;margin:0;padding:0;list-style:none;display:grid}.contact-section-list li:before{content:"*";color:var(--accent);margin-right:8px}.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:10px;display:grid}.contact-card{color:inherit;text-align:left;background:0 0;border:1px solid #00000024;border-radius:999px;justify-content:flex-start;align-items:center;gap:14px;padding:16px 22px;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s,background-color .2s;display:flex;box-shadow:0 6px 16px #00000014}.contact-card:hover{border-color:#f2a13a80;transform:translateY(-2px);box-shadow:0 10px 24px #0000001f}.contact-card-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted-text);margin-bottom:6px;font-size:.85rem}.contact-card-value{font-size:1rem;font-weight:700}.contact-card-icon{width:40px;height:40px;color:var(--accent);border:1px solid #f2a13a59;border-radius:50%;justify-content:center;align-items:center;display:flex}.contact-card-text{flex-direction:column;align-items:flex-start;display:flex}.dark .contact-card{background:0 0;border-color:#ffffff29;box-shadow:0 10px 22px #00000059}.contact-form{max-width:640px;margin-top:26px}.contact-form-title{margin-bottom:6px;font-size:1.2rem;font-weight:700}.contact-form-subtitle{color:var(--muted-text);margin-bottom:14px;line-height:1.6}.contact-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}@media(max-width:900px){.contact-grid,.contact-sections,.contact-form-grid{grid-template-columns:1fr}}.projects-grid{flex-wrap:wrap;gap:16px;display:flex}.project-card{border-radius:16px;padding:12px;transition:transform .3s;position:relative;overflow:hidden}.project-card:hover{transform:scale(1.02)}.project-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.project-title{color:#fff;border-bottom:2px solid #ffffff80;padding-bottom:4px;font-size:1.4rem;font-weight:700}.window-dots{gap:8px;display:flex}.window-dot{border-radius:50%;width:14px;height:14px}.project-image-frame{background:#ffffff14;border-radius:12px;width:100%;height:250px;overflow:hidden}.project-image{object-fit:cover;width:100%;height:100%;transition:filter .3s;display:block}.project-card:hover .project-image{filter:blur(5px)brightness(.5)}.project-overlay{opacity:0;flex-direction:column;justify-content:center;align-items:center;padding:20px;transition:opacity .3s;display:flex;position:absolute;inset:0;transform:translateY(100%)}.project-card:hover .project-overlay{opacity:1;transform:translateY(0)}.project-desc{color:#fff;text-align:center;margin-bottom:20px;font-family:Open Sans,sans-serif;font-size:1.1rem;font-weight:500}.project-buttons{gap:20px;display:flex}.project-btn{cursor:pointer;border:1px solid #fff;border-radius:3px;justify-content:center;align-items:center;width:40px;height:35px;transition:transform .2s,border-radius .2s;display:flex}.project-btn:hover{border-radius:10px;transform:scale(1.2)}.project-btn-github{background-color:var(--bg-dark);color:#fff}.project-btn-live{background-color:var(--accent);color:#fff}.project-card-wrap{position:relative}.project-color-admin{color:#fff;z-index:2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000008c;border-radius:999px;align-items:center;gap:6px;padding:6px 8px;font-size:.7rem;display:inline-flex;position:absolute;top:12px;right:12px}.project-color-admin input[type=color]{cursor:pointer;background:0 0;border:none;width:24px;height:22px;padding:0}.project-color-save{color:inherit;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:.7rem;font-weight:600}.sidebar-socials{border-top:none;justify-content:center;align-items:center;gap:18px;margin-top:auto;padding-top:24px;display:flex}.sidebar-social-link{background-color:#0000;border:none;border-radius:0;justify-content:center;align-items:center;width:100%;height:auto;transition:transform .2s,opacity .2s;display:inline-flex}.sidebar-social-link:hover{opacity:.8;transform:translateY(-2px)}.sidebar-social-icon{color:#fff;opacity:.95;width:16px;height:16px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-light)}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:4px}.font-button{font-family:Button,sans-serif}.text-accent{color:var(--accent)}.fullstack-shine{margin:0 10px;font-family:Archivo Black,sans-serif;font-size:1.6rem;font-weight:800}::selection{background-color:var(--accent);color:#fff}.admin-page{max-width:1100px}.admin-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.admin-header-actions{gap:12px;display:flex}.admin-title{margin-bottom:6px;font-size:2.2rem;font-weight:800}.admin-subtitle{color:var(--muted-text);line-height:1.6}.admin-auth{flex-wrap:wrap;gap:12px;margin-top:14px;display:flex}.admin-input{min-width:260px;color:inherit;background:0 0;border:1px solid #0003;border-radius:10px;padding:10px 12px}.dark .admin-input{border-color:#fff3}.admin-message{margin-top:12px;font-weight:600}.admin-password{margin-bottom:16px}.admin-password-title{margin-bottom:8px;font-weight:700}.admin-tabs{gap:12px;margin-bottom:18px;display:flex}.admin-tab{cursor:pointer;background:0 0;border:1px solid #0003;border-radius:999px;padding:8px 16px;font-weight:600}.dark .admin-tab{border-color:#fff3}.admin-tab.active{background:var(--accent);color:#0b0f12;border-color:#0000}.admin-panel{flex-direction:column;gap:16px;display:flex}.admin-panel-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.admin-muted{color:var(--muted-text)}.admin-projects,.admin-content{gap:16px;display:grid}.admin-card{background:#0000000a;border:1px solid #0000001a;border-radius:16px;padding:16px}.dark .admin-card{background:#ffffff08;border-color:#ffffff26}.admin-card-title{margin-bottom:6px;font-weight:700}.admin-card-meta{color:var(--muted-text);margin-bottom:12px}.admin-card-actions{flex-wrap:wrap;gap:10px;display:flex}.services-btn.danger{color:#fff;background:#e45a5a}.admin-form{border:1px dashed #0003;border-radius:16px;padding:16px}.dark .admin-form{border-color:#fff3}.admin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:12px;display:grid}.admin-grid>button{align-self:end}.admin-color-field{align-items:center;gap:10px;display:flex}.admin-color-field input[type=color]{background:0 0;border:none;width:44px;height:40px;padding:0}.admin-form-actions{gap:10px;margin-top:14px;display:flex}.admin-textarea{width:100%;color:inherit;background:0 0;border:1px solid #0003;border-radius:12px;margin-bottom:12px;padding:12px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.dark .admin-textarea{border-color:#fff3}@media(max-width:900px){.admin-grid{grid-template-columns:1fr}}.shiny-text{display:inline-block}
