*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--color-primary: #ED6A5A;--color-secondary: #F4F1BB;--color-tertiary: #9BC1BC;--color-background: #FFF7E3;--color-text: #66635B;--color-white: #FFFFFF;--color-black: #000000}h1,.h1{font-family:Protest Strike,sans-serif;font-size:clamp(36px,8vw,70px);font-weight:400;line-height:1.1;color:var(--color-text)}h2,.h2{font-family:Spicy Rice,sans-serif;font-size:clamp(24px,5vw,40px);font-weight:400;line-height:1.2;letter-spacing:clamp(2px,.5vw,4px);color:var(--color-text)}h3,.h3{font-family:Squada One,sans-serif;font-size:clamp(24px,4vw,36px);font-weight:400;line-height:1.2;color:var(--color-black)}h4,.h4{font-family:Arial,sans-serif;font-size:clamp(16px,2.5vw,20px);font-weight:700;line-height:1.3;color:var(--color-black)}h5,.h5{font-family:Arial,sans-serif;font-size:clamp(14px,2vw,16px);font-weight:400;line-height:1.3;color:var(--color-black)}.app-layout{min-height:100vh;background-color:var(--color-background)}.container{max-width:1200px;margin:0 auto;padding:0 20px}@keyframes scroll{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.animate-scroll{animation:scroll 20s linear infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.animate-spin{animation:spin 1s linear infinite}.section{padding:80px 20px}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.gap-2{gap:8px}.gap-3{gap:12px}.gap-5{gap:20px}.gap-8{gap:32px}.space-y-2>*+*{margin-top:8px}.space-y-3>*+*{margin-top:12px}.space-y-5>*+*{margin-top:20px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-5{margin-bottom:20px}.mb-6{margin-bottom:24px}.mb-8{margin-bottom:32px}.mt-6{margin-top:24px}.pt-1{padding-top:4px}.max-w-7xl{max-width:1280px}.max-w-xs{max-width:320px}.mx-auto{margin-left:auto;margin-right:auto}.whitespace-nowrap{white-space:nowrap}.overflow-hidden{overflow:hidden}.shrink-0{flex-shrink:0}.items-start{align-items:flex-start}.rounded-3xl{border-radius:24px}.rounded-2xl{border-radius:16px}.rounded-lg{border-radius:8px}.border-2{border-width:2px}.border-3{border-width:3px}.border-t-2{border-top-width:2px}.border-text{border-color:var(--color-text)}.bg-secondary{background-color:var(--color-secondary)}.bg-tertiary{background-color:var(--color-tertiary)}.bg-white{background-color:var(--color-white)}.text-primary{color:var(--color-primary)}.text-text{color:var(--color-text)}.text-xs{font-size:12px}.text-sm{font-size:14px}.text-base{font-size:16px}.font-bold{font-weight:700}.font-medium{font-weight:500}.leading-relaxed{line-height:1.625}.project-card{display:flex;flex-direction:column;align-items:flex-start;padding:12px;cursor:pointer;transition:transform .2s}.project-card:hover{transform:scale(1.05)}.project-card-image-wrapper{position:relative;width:137.5px;height:106px;margin-bottom:8px}.project-card-image{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.project-card-name{font-size:20px;font-weight:700;color:var(--color-text);line-height:1.25}.project-card-description{font-size:12px;color:var(--color-text);margin-top:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-card-links{display:flex;gap:8px;margin-top:8px}.project-card-link{font-size:12px;color:var(--color-text);font-weight:700;text-decoration:none}.project-card-link:hover{text-decoration:underline}.social-link{display:inline-block;transition:transform .2s}.social-link:hover{transform:scale(1.1)}.social-link-icon{width:52px;height:52px}.footer{background-color:var(--color-text);padding:40px 20px;margin-top:60px}.footer-content{max-width:1280px;margin:0 auto;text-align:center;color:var(--color-secondary);font-family:Squada One,sans-serif;font-size:clamp(16px,2.5vw,20px)}.loading-container,.error-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:var(--color-background);padding:20px}.loading-content{display:flex;flex-direction:column;align-items:center;gap:20px}.spinner{width:50px;height:50px;border:5px solid var(--color-secondary);border-top-color:var(--color-primary);border-radius:50%}.loading-text{font-family:Squada One,sans-serif;font-size:clamp(20px,3vw,28px);color:var(--color-text)}.error-text{font-family:Squada One,sans-serif;font-size:clamp(20px,3vw,28px);color:var(--color-primary);text-align:center;padding:20px}@media(min-width:640px){.sm\\:px-6{padding-left:24px;padding-right:24px}.sm\\:p-6{padding:24px}.sm\\:p-8{padding:32px}.sm\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:768px){.md\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\\:p-10{padding:40px}}@media(min-width:1024px){.lg\\:px-8{padding-left:32px;padding-right:32px}.lg\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:768px){.footer{padding:30px 15px;margin-top:40px}}@media(max-width:480px){.footer{padding:25px 12px;margin-top:32px}.spinner{width:40px;height:40px;border-width:4px}}.button{background-color:var(--color-tertiary);color:var(--color-white);padding:16px 0;border-radius:10px;border:none;cursor:pointer;transition:opacity .2s;text-decoration:none;display:flex}.button:hover{opacity:.9}.button-resume{background-color:var(--color-tertiary);width:100%;height:63px;display:flex;align-items:center;justify-content:center}.button-resume span{font-family:Squada One,sans-serif;font-size:36px;line-height:normal}.navigation{position:sticky;top:0;z-index:50;background-color:transparent}.nav-container{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;position:relative;width:100%}.nav-logo{display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0;margin-top:5px}.nav-logo-link{display:block;text-decoration:none}.nav-logo-outer{flex:none;transform:rotate(337.306deg)}.nav-logo-inner{background-color:var(--color-primary);display:flex;gap:25px;align-items:center;justify-content:center;padding:22px 0;position:relative;border-radius:50px;width:162.081px;height:118.848px}.nav-logo-text-wrapper{display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0;flex:none;transform:rotate(345.815deg)}.nav-logo-text{color:var(--color-secondary);text-align:center;position:relative;font-family:Spicy Rice,sans-serif;font-size:40px;line-height:.87;width:124px}.nav-menu-container{display:flex;gap:21px;align-items:center;padding:10px 0;position:relative;flex-shrink:0}.nav-links{display:flex;align-items:center;justify-content:space-between;padding:10px;position:relative;flex-shrink:0;font-family:Squada One,sans-serif;font-size:36px;line-height:normal;width:680px;height:52px;color:var(--color-text)}.nav-link-item{position:relative;flex-shrink:0}.nav-link{text-decoration:none;color:inherit;transition:color .2s}.nav-link:hover,.nav-link.active{color:var(--color-primary)}.nav-resume{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 0;position:relative;flex-shrink:0;width:166px}.nav-hamburger{display:none;flex-direction:column;gap:6px;background:none;border:none;cursor:pointer;padding:10px;z-index:60}.hamburger-line{width:30px;height:3px;background-color:var(--color-text);transition:all .3s ease;border-radius:2px}.hamburger-line.open:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.hamburger-line.open:nth-child(2){opacity:0}.hamburger-line.open:nth-child(3){transform:rotate(-45deg) translate(8px,-8px)}@media(max-width:1024px){.nav-logo-inner{width:120px;height:88px;padding:16px 0}.nav-logo-text{font-size:30px;width:90px}.nav-links{width:auto;font-size:28px;gap:15px}}@media(max-width:768px){.nav-container{padding:10px 15px}.nav-logo-inner{width:100px;height:73px;padding:12px 0}.nav-logo-text{font-size:24px;width:75px}.nav-hamburger{display:flex}.nav-menu-container{position:fixed;top:0;right:-100%;width:70%;max-width:300px;height:100vh;background-color:var(--color-secondary);flex-direction:column;padding:80px 20px 20px;gap:30px;transition:right .3s ease;box-shadow:-2px 0 10px #0000001a;z-index:55}.nav-menu-container.mobile-open{right:0}.nav-links{flex-direction:column;width:100%;height:auto;font-size:32px;gap:20px;padding:0;align-items:flex-start}.nav-link-item,.nav-resume,.nav-resume .button-resume{width:100%}}@media(max-width:480px){.nav-logo-inner{width:85px;height:62px;padding:10px 0}.nav-logo-text{font-size:20px;width:65px}.nav-menu-container{width:80%}.nav-links{font-size:28px}}.hero-section{padding:clamp(40px,10vw,100px) clamp(20px,10vw,132px)}.hero-container{display:flex;gap:clamp(30px,5vw,55px);align-items:center;justify-content:center}.hero-content{display:flex;flex-direction:column;width:100%;max-width:478px;min-height:auto}.hero-title{margin-bottom:0;color:var(--color-text)}.hero-text-content{padding:clamp(30px,8vw,99px) 0 clamp(20px,3vw,30px) 0;display:flex;flex-direction:column;gap:clamp(10px,2vw,15px)}.hero-subtitle{color:var(--color-primary);font-family:Spicy Rice,sans-serif;font-weight:400;line-height:normal}.hero-bio{color:var(--color-text);line-height:1.5;width:100%;max-width:400px;font-family:Arial,sans-serif;font-size:clamp(16px,2.5vw,20px);font-weight:700}.hero-socials{display:flex;gap:18px}.hero-profile{flex-shrink:0;width:100%;max-width:639px}.hero-profile-frame{width:100%;height:auto;aspect-ratio:1}.hero-profile-inner{border-radius:60px;overflow:hidden;width:100%;height:100%}@media(max-width:1024px){.hero-container{gap:40px}}@media(max-width:768px){.hero-section{padding:40px 20px}.hero-container{flex-direction:column;gap:30px}.hero-profile{order:-1;max-width:350px}.hero-content{width:100%;align-items:center;text-align:center}.hero-bio{width:100%}.hero-socials{justify-content:center}}@media(max-width:480px){.hero-section{padding:30px 15px}.hero-profile{max-width:280px}.hero-socials{flex-wrap:wrap;gap:12px}}.stack-screen-root{width:100%;height:100%}.stack-screen-grid-wrapper{width:100%;height:100%;transform:perspective(1000px) skew(0) skewY(-6deg);transform-origin:center}.stack-screen-grid{display:grid;grid-template-columns:repeat(4,55px);grid-auto-rows:45px;gap:20px 15px;align-content:start;justify-items:start;animation:stackScreenChange .15s steps(3,end);animation-fill-mode:both}.stack-screen-grid>div{animation:iconFadeIn .12s steps(2,end) backwards;transition:transform .1s steps(2,end);cursor:pointer;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.stack-screen-grid>div:hover{transform:scale(1.2);z-index:10}.stack-screen-grid>div:nth-child(1){animation-delay:.02s}.stack-screen-grid>div:nth-child(2){animation-delay:.04s}.stack-screen-grid>div:nth-child(3){animation-delay:.06s}.stack-screen-grid>div:nth-child(4){animation-delay:.08s}.stack-screen-grid>div:nth-child(5){animation-delay:.1s}.stack-screen-grid>div:nth-child(6){animation-delay:.12s}.stack-screen-grid>div:nth-child(7){animation-delay:.14s}.stack-screen-grid>div:nth-child(8){animation-delay:.16s}.stack-screen-grid>div:nth-child(9){animation-delay:.18s}.stack-screen-grid>div:nth-child(10){animation-delay:.2s}.stack-screen-grid>div:nth-child(11){animation-delay:.22s}.stack-screen-grid>div:nth-child(12){animation-delay:.24s}.stack-screen-overlay-top,.stack-screen-overlay-bottom{pointer-events:none}.skills-section{background-color:var(--color-background);overflow:hidden;padding:40px 20px}.skills-mobile{display:none}.skills-container{display:flex;align-items:flex-start;justify-content:center;position:relative;padding-left:84px;padding-right:292px}.skills-computer{position:relative;flex-shrink:0;width:1087px;height:1181px;margin-right:-110px}.skills-menu{display:flex;flex-direction:column;align-items:center;position:relative;flex-shrink:0;width:331px;padding:100px 10px 10px;gap:51px;margin-right:-110px}.skills-title{color:var(--color-primary);text-align:center;white-space:nowrap;font-family:Spicy Rice,sans-serif;font-size:40px;font-weight:400;line-height:normal;letter-spacing:4px}.skills-panel{background-color:var(--color-secondary);position:relative;flex-shrink:0;border:5px solid var(--color-text);border-radius:40px}.skills-buttons{display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;position:relative;padding:34px 40px;gap:20px}.skills-button-wrapper{display:flex;flex-direction:column;gap:40px;align-items:center;justify-content:center;overflow:hidden;position:relative;flex-shrink:0}.skills-category-button{background-color:var(--color-tertiary);display:flex;gap:10px;height:63px;width:156px;align-items:center;justify-content:center;padding:16px 38px;position:relative;border-radius:10px;flex-shrink:0;border:3px solid transparent;cursor:pointer;font-family:Squada One,sans-serif;font-size:36px;font-weight:400;line-height:normal;color:var(--color-white);white-space:nowrap;transition:all .1s steps(2,end);box-shadow:4px 4px #0000004d}.skills-category-button:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #0000004d}.skills-category-button:active{transform:translate(2px,2px);box-shadow:2px 2px #0000004d}.skills-category-button.active{background-color:var(--color-primary);border-color:var(--color-white);transform:translate(-2px,-2px);box-shadow:6px 6px #0006;animation:buttonBlink .5s steps(2,end) 1}.skills-category-button.active:hover{transform:translate(-3px,-3px);box-shadow:7px 7px #0006}@keyframes buttonBlink{0%,to{opacity:1}50%{opacity:.7}}@keyframes stackScreenChange{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes iconFadeIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.skills-mobile-title{font-family:Spicy Rice,sans-serif;font-size:clamp(28px,6vw,40px);color:var(--color-primary);text-align:center;margin-bottom:30px;letter-spacing:2px}.skills-mobile-tabs{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:30px;padding:0 10px}.skills-mobile-tab{background-color:var(--color-tertiary);color:var(--color-white);font-family:Squada One,sans-serif;font-size:clamp(18px,4vw,24px);padding:12px 24px;border:3px solid var(--color-text);border-radius:12px;cursor:pointer;transition:all .2s ease;box-shadow:3px 3px #0003}.skills-mobile-tab:active{transform:translate(2px,2px);box-shadow:1px 1px #0003}.skills-mobile-tab.active{background-color:var(--color-primary);transform:translate(-2px,-2px);box-shadow:5px 5px #0000004d}.skills-mobile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:20px;padding:20px;background-color:#fffc;border-radius:20px;border:4px solid var(--color-text);max-width:600px;margin:0 auto}.skills-mobile-item{display:flex;flex-direction:column;align-items:center;gap:10px;padding:15px;background-color:var(--color-secondary);border-radius:12px;border:3px solid var(--color-text);transition:transform .2s ease;cursor:pointer}.skills-mobile-item:active{transform:scale(.95)}.skills-mobile-icon{width:50px;height:50px;-o-object-fit:contain;object-fit:contain;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.skills-mobile-name{font-family:Squada One,sans-serif;font-size:clamp(12px,2.5vw,16px);color:var(--color-text);text-align:center;line-height:1.2}.skills-mobile-loading,.skills-mobile-empty{grid-column:1 / -1;text-align:center;font-family:Squada One,sans-serif;font-size:18px;color:var(--color-text);padding:40px 20px;opacity:.7}@media(max-width:1400px){.skills-container{flex-direction:column;padding:20px;align-items:center}.skills-computer{width:100%;height:auto;max-width:800px;margin-right:0;margin-bottom:40px}.skills-menu{width:100%;max-width:400px;margin-right:0;padding-top:20px}.skills-category-button{font-size:28px}}@media(max-width:768px){.skills-desktop{display:none!important}.skills-mobile{display:block}.skills-section{padding:30px 15px}.skills-mobile-grid{grid-template-columns:repeat(auto-fill,minmax(85px,1fr));gap:15px;padding:15px;border-width:3px}.skills-mobile-item{padding:12px}.skills-mobile-icon{width:45px;height:45px}.skills-mobile-tab{padding:10px 20px;font-size:clamp(16px,3.5vw,20px)}}@media(max-width:480px){.skills-section{padding:25px 12px}.skills-mobile-title{font-size:clamp(24px,6vw,32px);margin-bottom:20px}.skills-mobile-grid{grid-template-columns:repeat(auto-fill,minmax(75px,1fr));gap:12px;padding:12px;border-radius:16px}.skills-mobile-item{padding:10px;gap:8px;border-width:2px}.skills-mobile-icon{width:40px;height:40px}.skills-mobile-name{font-size:clamp(11px,2.5vw,14px)}.skills-mobile-tab{padding:8px 16px;font-size:clamp(14px,3.5vw,18px);border-width:2px}.skills-mobile-tabs{gap:8px}}.speech-bubble{position:relative;width:605.762px;height:963.802px;max-width:100%;transform:rotate(.287deg);transform-origin:center}.speech-bubble__bg{position:absolute;inset:0;z-index:0}.speech-bubble__svg{width:100%;height:100%;display:block}.speech-bubble__shape{fill:var(--Secondary-Color, #F4F1BB);stroke:var(--text-Color, #66635B);stroke-width:6px}.speech-bubble__content{position:relative;z-index:1;display:flex;width:100%;height:100%;flex-direction:column;justify-content:center;padding:10% 5% 10% 28%}.speech-bubble__text{color:var(--text-Color, #66635B);font-family:Arial,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:150%}.speech-bubble__text h4{margin:0 0 8px;color:var(--text-Color, #66635B);font-family:Arial Hebrew,Arial,sans-serif;font-size:20px;font-style:normal;font-weight:700;line-height:normal}.speech-bubble__text .signature{margin-top:12px;color:var(--text-Color, #66635B);font-family:Arial,sans-serif;font-size:16px;font-weight:400;line-height:150%}.about-section{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;align-self:stretch}.about-container{max-width:1280px;margin:0 auto}.about-desktop{display:block;width:100%}.about-mobile{display:none}.about-grid{display:flex;padding:0 43px;justify-content:center;align-items:flex-end;gap:-138px;align-self:stretch;max-width:1600px;margin:0 auto}.about-left-column{display:flex;padding-top:34px;flex-direction:column;align-items:center;gap:22px;flex:1;min-width:0}.about-title{color:var(--Primary-Color, #ED6A5A);font-family:Spicy Rice;font-size:40px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:4px}.about-character{width:700px;height:auto;display:flex;justify-content:center;align-items:center}.about-character svg{width:100%;height:auto;min-width:700px}.about-speech-column{display:flex;padding:58px 10px;align-items:center;gap:10px;flex:1}.about-speech-wrapper{width:100%;max-width:800px;height:auto}@media(max-width:1400px){.about-character{width:600px}.about-character svg{min-width:600px}}@media(max-width:1200px){.about-grid{flex-direction:column;gap:-138px;padding:0 20px}.about-character{width:500px}.about-character svg{min-width:500px}.about-speech-wrapper{width:100%;max-width:650px;height:auto}}@media(max-width:900px){.about-character{width:400px}.about-character svg{min-width:400px}}@media(max-width:768px){.about-desktop{display:none}.about-mobile{display:block;width:100%;padding:50px 0}.about-mobile-container{max-width:100%;padding:0 24px}.about-mobile-title{color:var(--Primary-Color, #ED6A5A);font-family:Spicy Rice;font-size:clamp(32px,7vw,40px);font-weight:400;line-height:normal;letter-spacing:3px;text-align:center;margin-bottom:40px}.about-mobile-content{background:transparent}.about-mobile-content p{font-size:17px!important;line-height:1.8!important;margin-bottom:24px!important;color:#66635b!important}.about-mobile-content strong{font-weight:700;color:#ed6a5a}.about-mobile-content h3,.about-mobile-content span[style*=bold]{font-size:24px!important;font-weight:700!important;color:#ed6a5a!important;margin-bottom:16px!important;display:block}.about-mobile-content ul{font-size:17px!important;line-height:1.8!important;margin-bottom:24px!important;padding-left:24px!important;color:#66635b!important}.about-mobile-content li{margin-bottom:12px}.about-mobile-content a{color:#ed6a5a!important;text-decoration:underline;font-weight:600}}@media(max-width:480px){.about-mobile{padding:40px 0}.about-mobile-container{padding:0 20px}.about-mobile-title{font-size:28px;letter-spacing:2px;margin-bottom:32px}.about-mobile-content p{font-size:16px!important;line-height:1.7!important;margin-bottom:20px!important}.about-mobile-content h3,.about-mobile-content span[style*=bold]{font-size:22px!important}.about-mobile-content ul{font-size:16px!important;padding-left:20px!important}}.projects-retro-screen{position:relative;width:100%;max-width:1409px;height:auto;aspect-ratio:1409 / 1037;margin:0 auto}.projects-retro-screen-outer{position:absolute;inset:0}.projects-retro-screen-outer img{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.projects-retro-screen-inner{position:absolute;inset:11.15% 7.59% 11.15% 7.54%}.projects-retro-screen-inner img{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.projects-retro-screen-bg{position:absolute;inset:14.27% 9.79% 13.3% 9.73%}.projects-retro-screen-bg img{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.projects-retro-screen-content{position:absolute;inset:14.27% 9.79% 13.3% 9.73%;display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:min-content;gap:30px 20px;padding:60px 55px;overflow:auto;align-content:start}.projects-retro-screen-glare{position:absolute;inset:14.27% 9.79% 13.3% 9.73%;pointer-events:none;opacity:.3;mix-blend-mode:overlay}.projects-retro-screen-glare img{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.projects-retro-screen-button{position:absolute;inset:90.44% 13.56% 4.78% 79.61%}.projects-retro-screen-button-shadow{position:absolute;background-color:#85a9a4;border:5px solid black;border-radius:14px;inset:0 -.25% -.35% 0}.projects-retro-screen-button-face{position:absolute;background-color:var(--color-tertiary, #9bc1bc);border:6px solid black;border-radius:12px;inset:.35% .25% 0 -.51%;box-shadow:-10px -10px 4px #00000040 inset}@media(max-width:1024px){.projects-retro-screen-content{grid-template-columns:repeat(2,1fr);padding:40px 45px;gap:25px 15px}}@media(max-width:640px){.projects-retro-screen-content{grid-template-columns:1fr;padding:30px 35px;gap:20px}}.file-icon-wrapper{display:flex;flex-direction:column;align-items:center;gap:10px;padding:10px;cursor:pointer;transition:transform .1s steps(2,end);max-width:160px}.file-icon-wrapper:hover{transform:scale(1.05)}.file-icon-graphic{width:100px;height:100px;display:flex;align-items:center;justify-content:center}.file-icon-image{width:100%;height:auto}.file-icon-pdf,.file-icon-image-file,.file-icon-link{width:80px;height:96px}.file-icon-name{font-family:Squada One,sans-serif;font-size:16px;font-weight:400;color:var(--color-text);line-height:normal;text-align:center;word-wrap:break-word;max-width:100%;margin:0}@media(max-width:640px){.file-icon-graphic{width:80px;height:80px}.file-icon-pdf,.file-icon-image-file,.file-icon-link{width:64px;height:76.8px}.file-icon-name{font-size:14px}}.file-explorer{width:100%;height:100%;display:flex;flex-direction:column;gap:20px}.file-explorer-toolbar{display:flex;gap:12px;padding:0 10px}.file-explorer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:20px;padding:10px;align-content:start}.file-explorer-empty{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;min-height:200px;font-family:Squada One,sans-serif;font-size:20px;color:var(--color-text);opacity:.6}.file-explorer-split{display:grid;grid-template-columns:350px 1fr;gap:20px;height:100%;min-height:400px;padding:0 10px}.file-explorer-list{background-color:#fffffff2;border-radius:16px;border:4px solid var(--color-text);padding:10px;overflow-y:auto;max-height:500px}.file-list-header{padding:12px 12px 8px;border-bottom:3px solid var(--color-text);margin-bottom:12px}.file-list-title{font-family:Squada One,sans-serif;font-size:24px;color:var(--color-primary);margin:0;line-height:1.2}.file-list-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:10px;border:3px solid transparent;cursor:pointer;transition:all .1s steps(2,end);margin-bottom:8px}.file-list-item:hover{background-color:var(--color-secondary);border-color:var(--color-tertiary);transform:translate(-2px,-2px);box-shadow:4px 4px #0003}.file-list-item.selected{background-color:var(--color-tertiary);border-color:var(--color-text);transform:translate(-2px,-2px);box-shadow:4px 4px #0000004d}.file-list-icon{width:50px;height:50px;flex-shrink:0}.file-list-icon .file-icon-name{display:none}.file-list-icon .file-icon-wrapper{padding:0;max-width:50px;cursor:default;pointer-events:none}.file-list-icon .file-icon-wrapper:hover{transform:none}.file-list-icon .file-icon-graphic{width:50px;height:50px}.file-list-icon .file-icon-pdf,.file-list-icon .file-icon-image-file,.file-list-icon .file-icon-link{width:40px;height:48px}.file-list-name{font-family:Squada One,sans-serif;font-size:18px;color:var(--color-text);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-list-item.selected .file-list-name{color:var(--color-white)}.file-explorer-preview{background-color:#fffffff2;border-radius:16px;border:4px solid var(--color-text);padding:0;overflow:hidden;max-height:500px;min-width:300px;display:flex;flex-direction:column}.file-viewer-placeholder{display:flex;align-items:center;justify-content:center;height:100%;min-height:300px;font-family:Squada One,sans-serif;font-size:20px;color:var(--color-text);opacity:.5}.file-viewer{background-color:transparent;border-radius:0;border:none;padding:30px;margin:0;max-height:500px;overflow-y:auto;min-height:200px;height:100%}.file-viewer-title{font-family:Squada One,sans-serif;font-size:28px;color:var(--color-primary);margin-bottom:20px;line-height:1.2}.file-viewer-content{display:flex;flex-direction:column;gap:20px}.file-viewer-description{font-family:Squada One,sans-serif;font-size:18px;color:var(--color-text);line-height:1.5;white-space:pre-wrap;word-wrap:break-word;display:block}.file-viewer-link{font-family:Squada One,sans-serif;font-size:20px;color:var(--color-white);background-color:var(--color-primary);padding:12px 24px;border-radius:12px;border:3px solid var(--color-text);text-decoration:none;display:inline-block;align-self:flex-start;transition:all .1s steps(2,end);box-shadow:4px 4px #0000004d}.file-viewer-link:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #0000004d}.file-viewer-link:active{transform:translate(2px,2px);box-shadow:2px 2px #0000004d}.file-viewer-image{width:100%;max-width:600px;height:auto;border-radius:12px;border:3px solid var(--color-text)}.project-technologies{margin-top:10px}.project-technologies-title{font-family:Squada One,sans-serif;font-size:20px;color:var(--color-primary);margin:0 0 10px}.project-links{display:flex;flex-direction:column;gap:12px;margin-top:10px}@media(max-width:1024px){.file-explorer-split{grid-template-columns:300px 1fr;gap:15px}.file-explorer-list{max-height:450px}}@media(max-width:768px){.file-explorer{gap:15px}.file-explorer-split{grid-template-columns:1fr;gap:15px;padding:0 5px}.file-explorer-toolbar{padding:0 5px;gap:10px}.file-explorer-list{max-height:300px;border-width:3px;padding:8px}.file-explorer-preview{max-height:450px;border-width:3px;min-width:auto}.file-explorer-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:16px;padding:8px}.file-list-icon,.file-list-icon .file-icon-graphic{width:40px;height:40px}.file-list-name{font-size:16px}.file-list-title{font-size:20px}.file-list-item{gap:10px;padding:10px}.file-viewer{padding:24px}.file-viewer-title{font-size:24px;margin-bottom:16px}.file-viewer-description{font-size:16px}.file-viewer-link{font-size:18px;padding:12px 20px;border-width:3px}.project-links{gap:10px}}@media(max-width:640px){.file-explorer-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:12px}.file-explorer-list,.file-explorer-preview{border-radius:12px}.file-viewer{padding:18px}.file-viewer-title{font-size:20px}.file-viewer-description{font-size:15px}.file-viewer-link{font-size:16px;padding:10px 18px}.file-list-item{padding:8px;gap:8px}.file-list-title{font-size:18px}.file-list-header{padding:8px}}@media(max-width:480px){.file-explorer-grid{grid-template-columns:repeat(auto-fill,minmax(75px,1fr));gap:10px}.file-viewer{padding:15px}.file-viewer-title{font-size:18px;margin-bottom:12px}.file-viewer-description{font-size:14px}.file-viewer-link{font-size:15px;padding:10px 16px;width:100%;text-align:center}.file-viewer-image{max-width:100%;border-width:2px}.project-technologies-title{font-size:18px}.file-list-icon,.file-list-icon .file-icon-graphic{width:36px;height:36px}.file-list-name{font-size:14px}.file-list-title{font-size:16px}.file-list-item{padding:6px;margin-bottom:6px}}.projects-section{padding:64px 16px;background-color:var(--color-background)}.projects-container{max-width:1440px;margin:0 auto}.projects-title{margin-bottom:48px;text-align:center;color:var(--color-primary);font-family:Spicy Rice,serif;font-size:70px;font-weight:400;letter-spacing:7px;line-height:normal}.projects-screen-wrapper{width:100%;max-width:100%;margin:0 auto}.projects-empty{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;min-height:300px}.projects-empty-text{font-family:Squada One,sans-serif;color:var(--color-text);font-size:24px;text-align:center}.projects-mobile{display:none}.projects-mobile-empty{display:flex;align-items:center;justify-content:center;min-height:250px;font-family:Squada One,sans-serif;color:var(--color-text);font-size:clamp(18px,3vw,24px);text-align:center;padding:40px 20px;background-color:#fffc;border-radius:20px;border:4px solid var(--color-text)}@media(max-width:1024px){.projects-title{font-size:clamp(40px,6vw,70px);letter-spacing:clamp(4px,.6vw,7px)}}@media(max-width:768px){.projects-desktop{display:none!important}.projects-mobile{display:block}.projects-section{padding:40px 16px}.projects-title{font-size:clamp(32px,5vw,50px);letter-spacing:clamp(3px,.5vw,5px);margin-bottom:32px}.projects-mobile-empty{min-height:200px;padding:30px 15px;border-width:3px;font-size:clamp(16px,3vw,20px)}}@media(max-width:640px){.projects-section{padding:40px 12px}.projects-title{font-size:clamp(28px,5vw,40px);letter-spacing:clamp(2px,.4vw,4px);margin-bottom:28px}.projects-empty-text{font-size:18px}}@media(max-width:480px){.projects-section{padding:30px 10px}.projects-title{font-size:clamp(24px,5vw,32px);margin-bottom:24px}.projects-mobile-empty{min-height:180px;padding:25px 12px;border-width:2px;border-radius:16px;font-size:clamp(15px,3vw,18px)}}.contact-section{padding:64px 16px;background-color:var(--color-background)}.contact-container{max-width:1280px;margin:0 auto}.contact-grid{display:grid;grid-template-columns:1fr;gap:48px;align-items:center}.contact-form-wrapper{background-color:var(--color-secondary);border-radius:32px;border:5px solid var(--color-text);padding:40px;width:100%;max-width:640px}.contact-title{margin-bottom:32px;color:var(--color-primary)}.contact-info{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.contact-info-address{font-family:Squada One,sans-serif;font-size:28px;color:var(--color-text);line-height:1.3}.contact-info-link{font-family:Squada One,sans-serif;font-size:28px;color:var(--color-text);text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:4px}.contact-socials{display:flex;gap:16px;margin-top:8px}.contact-divider{margin-top:32px;margin-bottom:24px}.contact-form-title{font-family:Squada One,sans-serif;font-size:28px;color:var(--color-black);margin-bottom:20px}.contact-form{display:flex;flex-direction:column;gap:16px}.contact-input{width:100%;padding:14px 18px;font-family:Squada One,sans-serif;font-size:20px;border:4px solid var(--color-text);border-radius:12px;background-color:var(--color-secondary);color:var(--color-text)}.contact-input::-moz-placeholder{color:#66635b66}.contact-input::placeholder{color:#66635b66}.contact-input:focus{outline:none;border-color:var(--color-tertiary)}.contact-textarea{width:100%;padding:14px 18px;font-family:Squada One,sans-serif;font-size:20px;border:4px solid var(--color-text);border-radius:12px;background-color:var(--color-secondary);color:var(--color-text);resize:none;min-height:80px}.contact-textarea::-moz-placeholder{color:#66635b66}.contact-textarea::placeholder{color:#66635b66}.contact-textarea:focus{outline:none;border-color:var(--color-tertiary)}.contact-alert{padding:12px 16px;border-radius:10px;font-family:Squada One,sans-serif;font-size:18px;border:3px solid}.contact-alert-success{background-color:var(--color-tertiary);border-color:var(--color-text);color:var(--color-white)}.contact-alert-error{background-color:var(--color-primary);border-color:var(--color-text);color:var(--color-white)}.contact-submit{width:auto;align-self:flex-start;padding:12px 32px;background-color:var(--color-tertiary);color:var(--color-white);font-family:Squada One,sans-serif;font-size:24px;font-weight:400;border-radius:12px;border:none;cursor:pointer;transition:all .1s steps(2,end);box-shadow:4px 4px #0000004d}.contact-submit:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:6px 6px #0000004d}.contact-submit:active:not(:disabled){transform:translate(2px,2px);box-shadow:2px 2px #0000004d}.contact-submit:disabled{opacity:.6;cursor:not-allowed}.contact-phone{display:flex;justify-content:center;align-items:center}.contact-phone-inner{width:100%;max-width:500px}@media(min-width:1024px){.contact-grid{grid-template-columns:1fr 1fr}}@media(max-width:1024px){.contact-section{padding:56px 16px}.contact-phone-inner{max-width:400px}}@media(max-width:768px){.contact-section{padding:48px 16px}.contact-grid{gap:36px}.contact-form-wrapper{padding:32px 24px;border-width:4px}.contact-title{font-size:clamp(32px,5vw,40px);margin-bottom:28px}.contact-info-address,.contact-info-link{font-size:clamp(20px,3vw,28px)}.contact-socials{flex-wrap:wrap}.contact-form-title{font-size:clamp(22px,3vw,28px)}.contact-phone-inner{max-width:350px}}@media(max-width:640px){.contact-section{padding:40px 12px}.contact-form-wrapper{padding:28px 20px;border-radius:24px}.contact-title{font-size:clamp(28px,5vw,36px);margin-bottom:24px}.contact-info-address,.contact-info-link{font-size:clamp(18px,3vw,24px)}.contact-form-title{font-size:clamp(20px,3vw,24px)}.contact-input,.contact-textarea{font-size:18px;padding:12px 14px;border-width:3px}.contact-submit{font-size:20px;padding:10px 24px;width:100%;align-self:stretch}.contact-phone{display:none}}@media(max-width:480px){.contact-section{padding:32px 10px}.contact-form-wrapper{padding:20px 16px;border-radius:20px}.contact-input,.contact-textarea{font-size:16px;padding:10px 12px}.contact-submit{font-size:18px;padding:10px 20px}.contact-socials{gap:12px;justify-content:center}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--color-background);padding:48px 16px}.login-wrapper{max-width:480px;width:100%}.login-header{margin-bottom:32px;text-align:center}.login-title{font-family:Spicy Rice,sans-serif;font-size:48px;font-weight:400;color:var(--color-primary);letter-spacing:4px;margin-bottom:8px}.login-card{background-color:var(--color-secondary);border:3px solid var(--color-text);border-radius:10px;padding:32px;box-shadow:6px 6px #0003}.login-form{display:flex;flex-direction:column;gap:20px}.login-form-group{display:flex;flex-direction:column}.login-label{font-family:Arial,sans-serif;font-size:16px;font-weight:700;margin-bottom:8px;color:var(--color-text)}.login-input{width:100%;padding:12px 16px;border:3px solid var(--color-text);border-radius:8px;font-size:16px;font-family:Arial,sans-serif;color:var(--color-black);background-color:var(--color-white);box-shadow:2px 2px #0000001a}.login-input:focus{outline:none;border-color:var(--color-tertiary);box-shadow:3px 3px #0003}.login-input::-moz-placeholder{color:#999}.login-input::placeholder{color:#999}.login-error{background-color:var(--color-primary);color:var(--color-white);padding:12px 16px;border-radius:8px;border:3px solid var(--color-text);box-shadow:2px 2px #0003}.login-error-text{font-size:14px;font-weight:700;margin:0}.login-button{width:100%;padding:14px 28px;background-color:var(--color-tertiary);color:var(--color-white);border:3px solid transparent;border-radius:10px;font-family:Squada One,sans-serif;font-size:28px;font-weight:400;cursor:pointer;transition:all .1s steps(2,end);box-shadow:4px 4px #0000004d}.login-button:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:6px 6px #0000004d}.login-button:active:not(:disabled){transform:translate(2px,2px);box-shadow:2px 2px #0000004d}.login-button:disabled{opacity:.6;cursor:not-allowed}@media(max-width:640px){.login-title{font-size:36px}.login-card{padding:24px}.login-button{font-size:24px}}.admin-container{min-height:100vh;background-color:var(--color-background);padding:32px 0}.admin-wrapper{max-width:1280px;margin:0 auto;padding:0 16px}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.admin-title{font-family:Spicy Rice,sans-serif;font-size:40px;font-weight:400;color:var(--color-primary);letter-spacing:4px}.admin-header-buttons{display:flex;gap:16px}.btn{padding:12px 24px;border-radius:10px;border:3px solid transparent;cursor:pointer;font-family:Squada One,sans-serif;font-size:24px;font-weight:400;transition:all .1s steps(2,end);box-shadow:4px 4px #0000004d;position:relative;z-index:1}.btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #0000004d}.btn:active{transform:translate(2px,2px);box-shadow:2px 2px #0000004d}.btn-seed{background-color:var(--color-tertiary);color:var(--color-white)}.btn-logout{background-color:var(--color-primary);color:var(--color-white)}.btn-primary{background-color:var(--color-tertiary);color:var(--color-white)}.btn-danger{background-color:var(--color-primary);color:var(--color-white);padding:8px 16px;font-size:18px}.tabs-container{border-bottom:3px solid var(--color-text);margin-bottom:24px}.tabs-nav{display:flex;gap:16px;flex-wrap:wrap}.tab-button{padding:12px 20px;border:3px solid transparent;border-radius:10px 10px 0 0;background-color:var(--color-secondary);cursor:pointer;font-family:Squada One,sans-serif;font-size:20px;font-weight:400;color:var(--color-text);transition:all .1s steps(2,end);box-shadow:2px 0 #0003}.tab-button:hover{background-color:var(--color-tertiary);transform:translateY(-2px)}.tab-button.active{background-color:var(--color-tertiary);border-color:var(--color-white);color:var(--color-white);box-shadow:4px 0 #0000004d}.card{background-color:var(--color-secondary);box-shadow:6px 6px #0003;border:3px solid var(--color-text);border-radius:10px;padding:24px;margin-bottom:24px}.card-title{font-family:Squada One,sans-serif;font-size:28px;font-weight:400;margin-bottom:24px;color:var(--color-text)}.form{display:flex;flex-direction:column;gap:16px}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-group{display:flex;flex-direction:column}.form-label{display:block;font-family:Arial,sans-serif;font-size:16px;font-weight:700;margin-bottom:8px;color:var(--color-text)}.form-input,.form-select,.form-textarea{width:100%;padding:10px 14px;border:3px solid var(--color-text);border-radius:8px;font-size:16px;font-family:Arial,sans-serif;color:var(--color-black);background-color:var(--color-white);box-shadow:2px 2px #0000001a}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-tertiary);box-shadow:3px 3px #0003}.form-textarea{resize:vertical;min-height:120px}.form-hint{font-size:14px;color:var(--color-text);margin-top:4px}.submit-button{width:100%;padding:14px 28px;background-color:var(--color-tertiary);color:var(--color-white);border:3px solid transparent;border-radius:10px;font-family:Squada One,sans-serif;font-size:24px;font-weight:400;cursor:pointer;transition:all .1s steps(2,end);box-shadow:4px 4px #0000004d}.submit-button:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #0000004d}.submit-button:active{transform:translate(2px,2px);box-shadow:2px 2px #0000004d}.icon-selector-container{display:flex;flex-direction:column;gap:12px}.icon-search-input{width:100%;padding:10px 14px;border:3px solid var(--color-text);border-radius:8px;font-size:16px;font-family:Arial,sans-serif;background-color:var(--color-white);box-shadow:2px 2px #0000001a}.icon-search-input:focus{outline:none;border-color:var(--color-tertiary);box-shadow:3px 3px #0003}.icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:12px;max-height:300px;overflow-y:auto;padding:12px;border:3px solid var(--color-text);border-radius:8px;background-color:var(--color-white)}.icon-grid-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;border:3px solid var(--color-text);border-radius:8px;cursor:pointer;transition:all .1s steps(2,end);background-color:var(--color-secondary);box-shadow:2px 2px #0003}.icon-grid-item:hover{transform:translate(-1px,-1px);box-shadow:3px 3px #0003}.icon-grid-item.selected{border-color:var(--color-tertiary);background-color:var(--color-tertiary);transform:translate(-2px,-2px);box-shadow:4px 4px #0000004d}.icon-grid-item img{width:40px;height:40px;-o-object-fit:contain;object-fit:contain}.icon-grid-item-label{font-size:10px;text-align:center;color:#6b7280;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.icon-preview{width:50px;height:50px;border:1px solid #d1d5db;border-radius:4px;display:flex;align-items:center;justify-content:center;background-color:#fff}.icon-preview img{width:45px;height:45px;-o-object-fit:contain;object-fit:contain}.skills-category{border-bottom:3px solid var(--color-text);padding-bottom:16px;margin-bottom:16px}.skills-category-title{font-family:Squada One,sans-serif;font-size:24px;font-weight:400;margin-bottom:12px;color:var(--color-primary)}.skill-item{display:flex;align-items:center;justify-content:space-between;padding:12px;background-color:var(--color-white);border:3px solid var(--color-text);border-radius:8px;margin-bottom:8px;box-shadow:2px 2px #0003}.skill-item-content{display:flex;align-items:center;gap:12px}.skill-icon{width:40px;height:40px;background-color:var(--color-secondary);border:2px solid var(--color-text);border-radius:4px;display:flex;align-items:center;justify-content:center}.skill-icon img{width:40px;height:40px;-o-object-fit:contain;object-fit:contain}.skill-name{font-weight:700;color:var(--color-text)}.skill-order{font-size:14px;color:var(--color-text);font-weight:500}.messages-list{border-top:3px solid var(--color-text)}.message-item{padding:16px;border-bottom:3px solid var(--color-text);background-color:var(--color-white)}.message-item.read{background-color:var(--color-secondary)}.message-header{display:flex;justify-content:space-between;margin-bottom:8px}.message-sender{font-size:16px;font-weight:700;color:var(--color-primary)}.message-email{font-size:14px;color:var(--color-text)}.message-date{font-size:14px;color:var(--color-text);font-weight:500}.message-subject{font-size:16px;font-weight:700;color:var(--color-text);margin-top:8px}.message-content{font-size:14px;color:var(--color-text);margin-top:8px;line-height:1.5}.message-actions{margin-top:16px;display:flex;gap:8px}.empty-state{padding:48px;text-align:center;font-family:Squada One,sans-serif;font-size:24px;color:var(--color-text)}.loading-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--color-background)}.loading-spinner{width:64px;height:64px;border:6px solid var(--color-secondary);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.about-help{background-color:var(--color-white);border:3px solid var(--color-text);border-radius:10px;padding:16px 20px;margin-bottom:24px}.about-help-title{font-family:Squada One,sans-serif;font-size:20px;color:var(--color-primary);margin-bottom:12px}.about-help-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 24px}.about-help-item{font-size:14px;color:var(--color-text);display:flex;align-items:center;gap:8px}.about-help-item code{background-color:var(--color-secondary);padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:13px;border:2px solid var(--color-text);white-space:nowrap}.editor-toolbar{display:flex;gap:4px;padding:8px;background-color:var(--color-white);border:3px solid var(--color-text);border-radius:8px 8px 0 0;margin-bottom:-3px;align-items:center}.toolbar-btn{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:6px 8px;background-color:var(--color-secondary);border:3px solid var(--color-text);border-radius:6px;cursor:pointer;font-family:Squada One,sans-serif;font-size:18px;transition:all .1s steps(2,end);box-shadow:2px 2px #0003;color:var(--color-text)}.toolbar-btn:hover{transform:translate(-1px,-1px);box-shadow:3px 3px #0003;background-color:var(--color-tertiary);color:var(--color-white)}.toolbar-btn:active{transform:translate(1px,1px);box-shadow:1px 1px #0003}.toolbar-divider{width:2px;height:24px;background-color:var(--color-text);margin:0 4px}.about-editor-container{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.about-editor-panel,.about-preview-panel{display:flex;flex-direction:column}.about-textarea{min-height:400px;font-family:Courier New,monospace;font-size:14px;line-height:1.6;border-radius:0 0 8px 8px!important}.about-preview-wrapper{background-color:var(--color-background);border:3px solid var(--color-text);border-radius:10px;padding:24px;min-height:400px;max-height:600px;overflow-y:auto;box-shadow:2px 2px #0000001a}.about-preview-wrapper .speech-bubble{transform:scale(.85);transform-origin:top left}@media(max-width:768px){.form-row{grid-template-columns:1fr}.admin-header{flex-direction:column;align-items:flex-start;gap:16px}.icon-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr))}.about-help-grid{grid-template-columns:1fr}.editor-toolbar{flex-wrap:wrap}.about-editor-container{grid-template-columns:1fr}.about-preview-wrapper{max-height:400px}}.files-section{margin-top:24px;padding:20px;background-color:#f8f8f8;border-radius:8px}.files-list{margin-bottom:16px}.file-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background-color:#fff;border:1px solid #ddd;border-radius:6px;margin-bottom:8px}.file-info{display:flex;align-items:center;gap:12px}.file-type-badge{background-color:var(--color-tertiary);color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.file-name{font-weight:500}.add-file-form{margin-top:16px;padding:16px;background-color:#fff;border:2px dashed #ddd;border-radius:8px}.btn-delete-small{padding:6px 12px;background-color:#f44336;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.btn-delete-small:hover{background-color:#d32f2f}.btn-secondary{padding:12px 24px;border-radius:10px;border:3px solid transparent;cursor:pointer;font-family:Squada One,sans-serif;font-size:24px;font-weight:400;transition:all .1s steps(2,end);box-shadow:4px 4px #0000004d;position:relative;z-index:1;background-color:var(--color-secondary);color:var(--color-text)}.btn-secondary:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #0000004d}.btn-secondary:active{transform:translate(2px,2px);box-shadow:2px 2px #0000004d}.tech-tags{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.tech-tag{padding:4px 12px;background-color:var(--color-secondary);color:var(--color-text);border-radius:12px;font-size:12px;border:1px solid var(--color-text)}.files-count{margin-top:8px;font-size:14px;color:#666}.badge-featured{background-color:var(--color-primary);color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:700}.items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.item-card{padding:16px;background-color:#fff;border:2px solid #ddd;border-radius:8px}.item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.item-title{margin:0;font-size:18px;color:var(--color-text)}.item-description{margin:12px 0;color:#666;line-height:1.5}.item-actions{display:flex;gap:8px;margin-top:16px}.btn-edit,.btn-delete{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600}.btn-edit{background-color:var(--color-tertiary);color:#fff}.btn-edit:hover{opacity:.9}.btn-delete{background-color:#f44336;color:#fff}.btn-delete:hover{background-color:#d32f2f}.form-actions{display:flex;gap:12px;margin-top:16px}.checkbox-label{display:flex;align-items:center;gap:8px;font-family:Squada One,sans-serif;font-size:16px;color:var(--color-text);cursor:pointer}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer}.section-subtitle{font-family:Squada One,sans-serif;font-size:22px;font-weight:400;margin-bottom:16px;color:var(--color-text)}.form-section{margin-bottom:32px}.list-section{margin-top:32px}
