:root{--bg-color: #0A0A0A;--text-color: #EAEAEA;--accent-color: #FFFFFF;--border-color: rgba(255, 255, 255, .15);--font-primary: "Inter", sans-serif;--font-secondary: "Roboto Mono", monospace;--ease-out-quart: cubic-bezier(.165, .84, .44, 1);--header-height: 80px;--cursor-size: 10px;--cursor-hover-size: 24px;--cursor-color: rgba(255, 255, 255, .7);--bg-color-rgb: 10, 10, 10;--btn-hover-bg: #FFFFFF;--btn-hover-text: #000000;--timeline-color: rgba(255, 255, 255, .3);--experience-card-bg: rgba(255, 255, 255, .03);--skill-tag-bg: rgba(255, 255, 255, .08);--skill-tag-text: rgba(255, 255, 255, .7);--hero-shape-color: rgba(40, 40, 40, .6);--mobile-nav-transition: transform .5s var(--ease-out-quart);--login-card-bg: #141414;--input-bg: #1F1F1F;--input-border: #333333;--input-focus-border: var(--accent-color);--link-color-subtle: rgba(255, 255, 255, .6);--success-color: #4CAF50;--error-color: #F44336;--admin-bg-light: #121212;--admin-card-bg: #1A1A1A;--admin-card-hover-bg: #222222;--admin-border-color: #2C2C2C;--admin-primary-color: #007AFF;--admin-primary-hover: #005ECB;--admin-text-muted: #8E8E93;--admin-btn-secondary-bg: #2a2a2e;--admin-btn-secondary-hover-bg: #38383d;--admin-danger-color: #FF3B30;--admin-danger-hover-color: #D92C20}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;background-color:var(--bg-color)}body{font-family:var(--font-primary);background-color:var(--bg-color);color:var(--text-color);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;cursor:none}body.mobile-nav-active{overflow:hidden}body:hover #custom-cursor{opacity:1}body::-webkit-scrollbar{width:6px}body::-webkit-scrollbar-track{background:var(--bg-color)}body::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:3px}body::-webkit-scrollbar-thumb:hover{background-color:#fff6}#loader{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--bg-color);display:flex;justify-content:center;align-items:center;z-index:9999}.loader-logo{font-family:var(--font-primary);font-size:2.2rem;font-weight:700;color:var(--text-color);display:flex}.loader-logo .loader-char{display:inline-block;opacity:0;min-width:.2em}#custom-cursor{position:fixed;left:0;top:0;width:var(--cursor-size);height:var(--cursor-size);background-color:var(--cursor-color);border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);z-index:10000;transition:width .2s var(--ease-out-quart),height .2s var(--ease-out-quart),background-color .2s var(--ease-out-quart),opacity .3s ease-out;opacity:0;will-change:transform,width,height,background-color}#custom-cursor.hovered{width:var(--cursor-hover-size);height:var(--cursor-hover-size);background-color:#ffffff4d}a[data-cursor-hover],button[data-cursor-hover],.work-item-link,.contact-email-link,.work-item-btn,.interactive-word,.login-page-body input[type=email],.login-page-body input[type=password],.login-page-body .login-btn,.login-page-body .forgot-password-link,.login-page-body .signup-link a,.login-page-logo,.admin-page-body button,.admin-page-body a,.admin-page-body input,.admin-page-body textarea{cursor:none}#main-header{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:0 5vw;height:var(--header-height);display:flex;align-items:center;border-bottom:1px solid var(--border-color);background-color:#0a0a0acc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transform:translateY(0);transition:transform .4s var(--ease-out-quart)}#main-header.hidden{transform:translateY(-100%)}.header-container{width:100%;display:flex;justify-content:space-between;align-items:center;position:relative}.logo a{font-family:var(--font-primary);font-size:1.5rem;font-weight:700;color:var(--text-color);text-decoration:none;transition:color .3s}.logo a:hover{color:var(--accent-color)}.main-nav{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;gap:2.5rem}.main-nav a{font-size:.9rem;font-weight:500;color:var(--text-color);text-decoration:none;position:relative;transition:color .3s;letter-spacing:.02em}.main-nav a:hover{color:var(--accent-color)}.main-nav a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1px;background-color:var(--accent-color);transition:width .3s var(--ease-out-quart)}.main-nav a:hover:after{width:100%}.header-meta span{font-size:.8rem;color:#fff9;font-family:var(--font-secondary)}.burger-menu{display:none;flex-direction:column;justify-content:space-around;width:28px;height:22px;background:transparent;border:none;padding:0;z-index:1001;position:relative}.burger-line{width:100%;height:2px;background-color:var(--text-color);border-radius:2px;transition:all .3s var(--ease-out-quart)}.burger-menu.active .burger-line:nth-child(1){transform:translateY(7px) rotate(45deg)}.burger-menu.active .burger-line:nth-child(2){opacity:0}.burger-menu.active .burger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.hero-section{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:var(--header-height) 5vw 5vw;position:relative;overflow:hidden}.hero-content{position:relative;z-index:2}.hero-title{font-size:clamp(3rem,12vw,8rem);font-weight:800;line-height:.9;color:var(--text-color);margin:0;text-transform:uppercase}.hero-title-line{display:block;overflow:hidden}.hero-title-line span{display:inline-block}.hero-subtitle{font-size:clamp(1rem,2.5vw,1.5rem);font-weight:300;color:#fffc;max-width:600px;margin:2rem auto 0;line-height:1.5}.hero-background-shapes{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.shape{position:absolute;background-color:var(--hero-shape-color);will-change:transform,opacity;filter:blur(1px)}.shape-1{width:25vw;height:20vw;top:10%;left:5%;border-radius:60% 40% 30% 70%/50% 60% 40% 50%;transform:rotate(15deg);opacity:.7}.shape-2{width:35vw;height:30vw;bottom:5%;right:10%;border-radius:40% 60% 70% 30%/60% 50% 50% 40%;transform:rotate(-25deg);opacity:.6}.shape-3{width:18vw;height:22vw;top:20%;right:25%;border-radius:70% 30% 50% 50%/40% 40% 60% 60%;transform:rotate(45deg);opacity:.8;background-color:#32323280}.shape-4{width:22vw;height:18vw;top:60%;left:15%;border-radius:30% 70% 40% 60%/70% 40% 60% 30%;transform:rotate(-10deg);opacity:.65}.shape-5{width:15vw;height:25vw;top:30%;left:50%;transform:translate(-50%) rotate(5deg);border-radius:50% 50% 30% 70%/50% 30% 70% 50%;opacity:.75}.shape-6{width:28vw;height:24vw;bottom:20%;left:2%;border-radius:45% 55% 65% 35%/55% 45% 35% 65%;transform:rotate(30deg);opacity:.5}.shape-7{width:12vw;height:15vw;top:5%;right:5%;border-radius:60% 40% 50% 50%/40% 60% 50% 50%;transform:rotate(-40deg);opacity:.9;background-color:#1e1e1eb3}.scroll-indicator{position:absolute;bottom:3rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;color:#ffffffb3;font-family:var(--font-secondary);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase}.scroll-indicator span{margin-bottom:.5rem}.content-section{padding:10vh 5vw;position:relative;border-bottom:1px solid var(--border-color)}.content-section:last-of-type{border-bottom:none}.section-container{max-width:1200px;margin:0 auto}.work-section .section-container{padding:0 5vw;margin-bottom:4rem}.work-section{padding-left:0;padding-right:0}.section-title{font-size:clamp(2.5rem,8vw,5rem);font-weight:700;line-height:1;color:var(--text-color)}.section-title:not(.work-section .section-container .section-title){margin-bottom:4rem}.work-section .section-container .section-title{margin-bottom:0}.section-title span{display:block;overflow:hidden}.section-title span>span.line-inner{display:block}.about-content-grid{display:grid;grid-template-columns:1fr;gap:4rem}@media (min-width: 768px){.about-content-grid{grid-template-columns:1fr;align-items:flex-start}}.about-text p{font-size:1.1rem;line-height:1.8;color:#ffffffd9;margin-bottom:1.5rem}.about-text p:last-child{margin-bottom:0}.about-section .section-title .interactive-word{display:inline-block;position:relative;transition:transform .3s var(--ease-out-quart),color .3s var(--ease-out-quart),text-shadow .3s var(--ease-out-quart),letter-spacing .3s var(--ease-out-quart);will-change:transform,color,text-shadow,letter-spacing;padding:.05em .1em;margin:-.05em -.1em}.about-section .section-title .interactive-word.creativity:hover{color:var(--accent-color);transform:translateY(-3px) rotate(-3deg) scale(1.05);text-shadow:0 2px 10px rgba(255,255,255,.3)}.about-section .section-title .interactive-word.logic:hover{color:var(--accent-color);transform:translateY(1px) scale(1.02);letter-spacing:.03em}.about-section .section-title .interactive-word.logic:hover:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:1px;background-color:var(--accent-color);animation:drawInHorizontal .3s var(--ease-out-quart) forwards}@keyframes drawInHorizontal{0%{width:0}to{width:100%}}.work-horizontal-scroll-wrapper{position:relative;width:100%;height:70vh;display:flex;align-items:center;perspective:1000px;overflow:hidden}.work-horizontal-track{display:flex;will-change:transform;padding:0 5vw;cursor:grab;margin:auto}.work-horizontal-track.is-dragging,body.is-dragging-track{cursor:grabbing}.work-item{flex-shrink:0;width:35vw;max-width:450px;margin-right:4vw;position:relative;transform-style:preserve-3d;will-change:transform,opacity}.work-item:last-child{margin-right:0}.work-item-link{display:block;text-decoration:none;color:var(--text-color);border-radius:4px;transition:box-shadow .4s var(--ease-out-quart),transform .4s var(--ease-out-quart);position:relative;transform-style:preserve-3d;background-color:#1414144d;box-shadow:0 10px 30px #0000001a;overflow:hidden}.work-item-link:hover{transform:translateY(-5px) translateZ(10px);box-shadow:0 15px 40px #0003}.work-item-image-wrapper{overflow:hidden;border-radius:4px 4px 0 0;background-color:#1a1a1a;aspect-ratio:3 / 4.2;position:relative;z-index:1}.work-item-image-wrapper img{width:100%;height:100%;object-fit:cover;display:block;-webkit-user-select:none;user-select:none;filter:grayscale(60%) contrast(100%) brightness(.85);transition:opacity .5s var(--ease-out-quart),transform .7s var(--ease-out-quart),filter .5s var(--ease-out-quart)}.work-item-link:hover .work-item-image-wrapper img{opacity:.1;filter:grayscale(90%) blur(5px) brightness(.4);transform:scale(1.08)}.work-item.is-active .work-item-image-wrapper img{transform:scale(1.05);filter:grayscale(0%) contrast(100%) brightness(1)}.work-item-info{position:absolute;bottom:0;left:0;width:100%;padding:1.5rem;box-sizing:border-box;z-index:2;opacity:1;transform:translateY(0);background:linear-gradient(to top,rgba(var(--bg-color-rgb),.7),rgba(var(--bg-color-rgb),0) 30%);transition:background .4s var(--ease-out-quart) .05s}.work-item-link:hover .work-item-info{background:linear-gradient(to top,rgba(var(--bg-color-rgb),.95),rgba(var(--bg-color-rgb),.8) 60%,rgba(var(--bg-color-rgb),0))}.work-item.is-active:not(:hover) .work-item-info{opacity:.9;background:linear-gradient(to top,rgba(var(--bg-color-rgb),.8),rgba(var(--bg-color-rgb),0) 40%)}.work-item.is-active:not(:hover) .work-item-info .work-item-description{max-height:0;opacity:0;transform:translateY(15px);clip-path:polygon(0 100%,100% 100%,100% 100%,0% 100%);margin-top:0;overflow:hidden}.work-item.is-active:not(:hover) .work-item-btn{opacity:0;transform:translateY(15px);pointer-events:none}.work-item.is-active:not(:hover) .work-item-buttons{transform:translate(-50%)}.work-item-info h3{font-size:1.3rem;font-weight:600;margin-bottom:.4rem;color:var(--text-color);transition:color .3s var(--ease-out-quart) .1s}.work-item-info span{font-size:.8rem;color:#ffffffbf;font-family:var(--font-secondary);display:block;margin-bottom:1rem;transition:color .3s var(--ease-out-quart) .1s}.work-item-link:hover .work-item-info h3,.work-item-link:hover .work-item-info span,.work-item.is-active .work-item-info h3,.work-item.is-active .work-item-info span{color:var(--accent-color)}.work-item-description{font-size:.85rem;color:#ffffffd9;line-height:1.6;opacity:0;transform:translateY(15px);max-height:0;overflow:hidden;clip-path:polygon(0 100%,100% 100%,100% 100%,0% 100%);transition:opacity .4s var(--ease-out-quart),transform .4s var(--ease-out-quart),max-height .5s var(--ease-out-quart),clip-path .5s var(--ease-out-quart)}.work-item-link:hover .work-item-description{opacity:1;transform:translateY(0);max-height:7em;clip-path:polygon(0 0,100% 0,100% 100%,0% 100%);transition-delay:.15s}.work-item-info .work-item-buttons{margin-top:1rem;display:flex;gap:.75rem}.work-item-link:hover .work-item-info .work-item-btn{opacity:1;transform:translateY(0);pointer-events:auto}.work-item-link:hover .work-item-info .work-item-btn.github-btn{transition-delay:.25s}.work-item-link:hover .work-item-info .work-item-btn.live-btn{transition-delay:.35s}.work-item-btn{display:inline-flex;align-items:center;gap:.4em;padding:.5rem 1rem;font-size:.8rem;font-weight:500;text-decoration:none;color:var(--bg-color);background-color:var(--text-color);border-radius:20px;font-family:var(--font-secondary);letter-spacing:.03em;opacity:0;transform:translateY(15px);transition:color .3s var(--ease-out-quart),background-color .3s var(--ease-out-quart),opacity .3s var(--ease-out-quart),transform .4s var(--ease-out-quart);pointer-events:none}.work-item-btn .btn-icon{width:1em;height:1em;stroke-width:2.5;vertical-align:middle}.work-item-link:hover .work-item-btn{opacity:1;transform:translateY(0);pointer-events:auto}.work-item-link:hover .work-item-btn.github-btn{transition-delay:.25s}.work-item-link:hover .work-item-btn.live-btn{transition-delay:.35s}.work-item-btn:hover{color:var(--btn-hover-text);background-color:var(--btn-hover-bg)}.work-item-btn:hover .btn-icon{stroke:var(--btn-hover-text)}.experience-section .section-container{max-width:900px}.experience-timeline{position:relative;padding-left:40px;border-left:2px solid var(--timeline-color)}.experience-item{position:relative;margin-bottom:3rem}.experience-item:last-child{margin-bottom:0}.timeline-marker{position:absolute;left:-49px;top:6px;width:12px;height:12px;background-color:var(--accent-color);border-radius:50%;border:2px solid var(--bg-color);box-shadow:0 0 0 2px var(--accent-color)}.experience-content{background-color:var(--experience-card-bg);padding:1.5rem 2rem;border-radius:6px;box-shadow:0 5px 15px #0000001a;transition:transform .3s var(--ease-out-quart),box-shadow .3s var(--ease-out-quart)}.experience-content:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00000026}.experience-content h3{font-size:1.4rem;font-weight:600;color:var(--text-color);margin-bottom:.25rem}.experience-content h3 .experience-company{color:var(--accent-color);font-weight:600}.experience-date{font-family:var(--font-secondary);font-size:.85rem;color:#fff9;margin-bottom:1rem;letter-spacing:.03em}.experience-date:before{content:"🗓️";margin-right:.5em;opacity:.7}.experience-description{font-size:1rem;line-height:1.7;color:#ffffffd9;margin-bottom:1.5rem}.experience-skills{display:flex;flex-wrap:wrap;gap:.5rem}.experience-skills span{background-color:var(--skill-tag-bg);color:var(--skill-tag-text);padding:.3rem .75rem;border-radius:15px;font-size:.8rem;font-family:var(--font-secondary);letter-spacing:.02em;transition:background-color .3s,color .3s}.experience-skills span:hover{background-color:var(--accent-color);color:var(--bg-color);cursor:default}.contact-content p{font-size:1.2rem;line-height:1.7;color:#ffffffd9;margin-bottom:2rem;max-width:600px}.contact-email-link{font-size:clamp(1.5rem,5vw,3rem);font-weight:600;color:var(--text-color);text-decoration:none;position:relative;display:inline-block}.contact-email-link:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background-color:var(--accent-color);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease-out-quart)}.contact-email-link:hover:after{transform:scaleX(1)}#main-footer{padding:3rem 5vw;background-color:var(--bg-color);border-top:1px solid var(--border-color)}.footer-container{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:#fff9}.footer-socials a{color:#fff9;text-decoration:none;margin-left:1.5rem;transition:color .3s;font-family:var(--font-secondary)}.footer-socials a:hover{color:var(--accent-color)}.login-page-body{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:2rem}.login-outer-container{width:100%;display:flex;justify-content:center;align-items:center}.login-card{background-color:var(--login-card-bg);padding:2.5rem 3rem;border-radius:8px;box-shadow:0 10px 40px #0003;width:100%;max-width:420px;text-align:center;border:1px solid var(--border-color)}.login-logo-container{margin-bottom:1.5rem}.login-page-logo{font-family:var(--font-primary);font-size:2rem;font-weight:800;color:var(--text-color);text-decoration:none;transition:color .3s}.login-page-logo:hover{color:var(--accent-color)}.login-title{font-size:1.8rem;font-weight:700;color:var(--text-color);margin-bottom:.5rem}.login-subtitle{font-size:1rem;color:#ffffffb3;margin-bottom:1.5rem}.login-message-area{font-size:.9rem;padding:.75rem;margin-bottom:1rem;border-radius:4px;text-align:center}.login-message-area:not(.success):not(.error){display:none}.login-message-area.success{background-color:#4caf501a;color:var(--success-color);border:1px solid var(--success-color);display:block}.login-message-area.error{background-color:#f443361a;color:var(--error-color);border:1px solid var(--error-color);display:block}.login-form-actual .form-group{margin-bottom:1.25rem;text-align:left}.login-form-actual label{display:block;font-size:.875rem;font-weight:500;color:#fffc;margin-bottom:.5rem}.login-form-actual input[type=email],.login-form-actual input[type=password]{width:100%;padding:.85rem 1rem;background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:4px;color:var(--text-color);font-size:1rem;font-family:var(--font-primary);transition:border-color .3s,box-shadow .3s}.login-form-actual input[type=email]::placeholder,.login-form-actual input[type=password]::placeholder{color:#fff6}.login-form-actual input[type=email]:focus,.login-form-actual input[type=password]:focus{outline:none;border-color:var(--input-focus-border);box-shadow:0 0 0 2px #ffffff1a}.form-options{display:flex;justify-content:flex-end;margin-bottom:1.5rem}.forgot-password-link{font-size:.875rem;color:var(--link-color-subtle);text-decoration:none;transition:color .3s}.forgot-password-link:hover{color:var(--accent-color);text-decoration:underline}.login-btn{width:100%;background-color:var(--accent-color);color:var(--bg-color);padding:.9rem 1.5rem;border:none;border-radius:4px;font-size:1rem;font-weight:600;font-family:var(--font-primary);letter-spacing:.02em;transition:background-color .3s,transform .2s,opacity .3s;display:flex;align-items:center;justify-content:center;gap:.5rem}.login-btn:hover{background-color:#ddd;transform:translateY(-2px)}.login-btn:active{transform:translateY(0)}.login-btn:disabled{opacity:.7;cursor:not-allowed;transform:translateY(0)}.login-btn .arrow-icon{width:1em;height:1em;transition:transform .2s var(--ease-out-quart)}.login-btn:hover:not(:disabled) .arrow-icon{transform:translate(3px)}.signup-link{margin-top:2rem;font-size:.9rem;color:#ffffffb3}.signup-link a{color:var(--accent-color);font-weight:500;text-decoration:none;transition:text-decoration .3s}.signup-link a:hover{text-decoration:underline}.admin-page-body{background-color:var(--admin-bg-light);color:var(--text-color)}.admin-main-header{background-color:var(--bg-color);padding:0 2rem;height:70px;display:flex;align-items:center;border-bottom:1px solid var(--admin-border-color);position:sticky;top:0;z-index:1000}.admin-header-container{width:100%;max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.admin-logo a{font-size:1.3rem;font-weight:700;color:var(--text-color);text-decoration:none}#admin-logout-btn{background-color:var(--admin-btn-secondary-bg);color:var(--admin-text-muted);border:1px solid var(--admin-border-color);padding:.55rem 1.1rem;border-radius:6px;font-weight:500;font-size:.9rem;transition:background-color .25s var(--ease-out-quart),color .25s var(--ease-out-quart),border-color .25s var(--ease-out-quart),box-shadow .25s var(--ease-out-quart);box-shadow:0 1px 2px #0000001a}#admin-logout-btn:hover{background-color:var(--admin-btn-secondary-hover-bg);color:var(--text-color);box-shadow:0 2px 4px #00000026}#admin-logout-btn:disabled{background-color:var(--admin-text-muted);opacity:.6;color:#ffffff80;border-color:transparent;box-shadow:none}.admin-main-content{padding:2rem;opacity:0}.admin-section-container{max-width:1200px;margin:0 auto}.admin-page-title{font-size:2.2rem;font-weight:700;margin-bottom:2rem;color:var(--text-color);border-bottom:1px solid var(--admin-border-color);padding-bottom:1rem}.admin-data-section{background-color:var(--admin-card-bg);padding:1.5rem 2rem;border-radius:8px;margin-bottom:2rem;border:1px solid var(--admin-border-color);box-shadow:0 4px 12px #0000001a}.admin-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.admin-section-title{font-size:1.6rem;font-weight:600;margin-bottom:0;color:var(--text-color)}.admin-controls{margin-bottom:1.5rem}.admin-btn{padding:.65rem 1.25rem;border-radius:6px;font-weight:600;font-size:.9rem;border:1px solid transparent;transition:background-color .25s var(--ease-out-quart),color .25s var(--ease-out-quart),border-color .25s var(--ease-out-quart),transform .15s var(--ease-out-quart),box-shadow .25s var(--ease-out-quart);box-shadow:0 2px 4px #0000001a,inset 0 1px #ffffff0d}.admin-btn-primary{color:var(--bg-color);background-color:var(--text-color)}.admin-btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026,inset 0 1px #ffffff08;color:var(--btn-hover-text);background-color:var(--btn-hover-bg)}.admin-btn-primary:active{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a,inset 0 1px #0000001a}.admin-btn-secondary{background-color:var(--admin-btn-secondary-bg);border-color:var(--admin-border-color);color:var(--admin-text-muted)}.admin-btn-secondary:hover{background-color:var(--admin-btn-secondary-hover-bg);border-color:var(--admin-text-muted);color:var(--text-color);transform:translateY(-2px)}.admin-btn-icon{padding:.5rem;background-color:transparent;border:1px solid transparent;color:var(--admin-text-muted);box-shadow:none}.admin-btn-icon:hover{background-color:var(--admin-btn-secondary-bg);color:var(--text-color);border-color:var(--admin-border-color)}.admin-btn-icon.admin-delete-btn:hover{color:var(--admin-danger-color);border-color:var(--admin-danger-color);background-color:#ff3b301a}.admin-btn-icon svg{display:block}.admin-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.admin-item-card{background-color:var(--admin-card-bg);border:1px solid var(--admin-border-color);border-radius:8px;padding:1rem;display:flex;flex-direction:column;transition:background-color .2s ease,box-shadow .2s ease}.admin-item-card:hover{background-color:var(--admin-card-hover-bg);box-shadow:0 6px 16px #00000026}.admin-item-card-image-wrapper{width:100%;aspect-ratio:16 / 9;background-color:var(--admin-bg-light);border-radius:6px;overflow:hidden;margin-bottom:1rem}.admin-item-card-image{width:100%;height:100%;object-fit:cover}.admin-item-card-content{flex-grow:1}.admin-item-card-title{font-size:1.2rem;font-weight:600;color:var(--text-color);margin-bottom:.25rem}.admin-item-card-subtitle{font-size:.9rem;font-weight:400;color:var(--admin-text-muted)}.admin-item-card-meta{font-size:.8rem;color:var(--admin-text-muted);margin-bottom:.5rem;font-family:var(--font-secondary)}.admin-item-card-description{font-size:.9rem;color:#fffc;line-height:1.5;margin-bottom:.75rem}.admin-item-card-tags{margin-bottom:1rem;display:flex;flex-wrap:wrap;gap:.4rem}.admin-item-tag{background-color:var(--admin-btn-secondary-bg);color:var(--admin-text-muted);padding:.2rem .6rem;border-radius:4px;font-size:.75rem;font-family:var(--font-secondary)}.admin-item-card-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:auto;padding-top:.5rem;border-top:1px solid var(--admin-border-color)}.admin-loading-text,.admin-placeholder-text,.admin-error-text{color:var(--admin-text-muted);font-style:italic;padding:1rem 0;text-align:center;grid-column:1 / -1}.admin-error-text{color:var(--error-color);font-style:normal}.admin-modal{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#0009;align-items:center;justify-content:center;padding:1rem}.admin-modal-content{background-color:var(--admin-card-bg);margin:auto;padding:2rem;border:1px solid var(--admin-border-color);border-radius:8px;width:100%;max-width:600px;box-shadow:0 10px 30px #0003;position:relative}.admin-modal-close{color:var(--admin-text-muted);position:absolute;top:1rem;right:1.25rem;font-size:1.8rem;font-weight:700;background:none;border:none;padding:0;line-height:1}.admin-modal-close:hover,.admin-modal-close:focus{color:var(--text-color);text-decoration:none}.admin-modal-title-text{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:var(--text-color)}.admin-modal-form-body{display:flex;flex-direction:column;gap:1rem}.admin-modal-fields-container{max-height:60vh;overflow-y:auto;padding-right:.5rem}.admin-form-group{margin-bottom:1rem}.admin-form-group label{display:block;font-size:.9rem;font-weight:500;color:#ffffffd9;margin-bottom:.4rem}.admin-form-group input[type=text],.admin-form-group input[type=url],.admin-form-group input[type=number],.admin-form-group textarea{width:100%;padding:.75rem .9rem;background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:6px;color:var(--text-color);font-size:.95rem;font-family:var(--font-primary);transition:border-color .2s,box-shadow .2s}.admin-form-group textarea{min-height:100px;resize:vertical}.admin-form-group input:focus,.admin-form-group textarea:focus{outline:none;border-color:var(--admin-primary-color);box-shadow:0 0 0 2px rgba(var(--admin-primary-color),.2)}.admin-modal-message-area{font-size:.9rem;padding:.75rem;margin-top:.5rem;margin-bottom:.5rem;border-radius:4px;text-align:center}.admin-modal-message-area:not(.success):not(.error){display:none}.admin-modal-message-area.success{background-color:#4caf501a;color:var(--success-color);border:1px solid var(--success-color);display:block}.admin-modal-message-area.error{background-color:#f443361a;color:var(--error-color);border:1px solid var(--error-color);display:block}.admin-form-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--admin-border-color)}#admin-modal-submit-btn:disabled{opacity:.7}.admin-main-footer{text-align:center;padding:2rem;font-size:.85rem;color:var(--admin-text-muted);border-top:1px solid var(--admin-border-color);margin-top:2rem}.admin-footer-container{max-width:1200px;margin:0 auto}[data-animate-chars] .char,[data-animate-lines] .line-inner,[data-animate-fade-up]{opacity:0}@media (max-width: 768px){#main-header{padding:0 4vw;height:70px}.header-meta{display:none}.logo a{font-size:1.3rem}.burger-menu{display:flex}.main-nav{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:var(--bg-color);flex-direction:column;align-items:center;justify-content:center;gap:2rem;transform:translate(100%);transition:var(--mobile-nav-transition);padding:var(--header-height) 0;z-index:999}body.mobile-nav-active .main-nav{transform:translate(0)}.main-nav a{font-size:1.5rem;font-weight:600;letter-spacing:.03em;opacity:0;transform:translateY(20px);transition:opacity .4s ease,transform .4s ease}body.mobile-nav-active .main-nav a{opacity:1;transform:translateY(0)}body.mobile-nav-active .main-nav a:nth-child(1){transition-delay:.2s}body.mobile-nav-active .main-nav a:nth-child(2){transition-delay:.25s}body.mobile-nav-active .main-nav a:nth-child(3){transition-delay:.3s}body.mobile-nav-active .main-nav a:nth-child(4){transition-delay:.35s}body.mobile-nav-active .main-nav a:nth-child(5){transition-delay:.4s}.main-nav a:after{bottom:-6px;height:2px}.hero-title{font-size:clamp(2.5rem,15vw,6rem)}.section-title{font-size:clamp(2rem,10vw,4rem)}.contact-email-link{font-size:clamp(1.2rem,7vw,2.5rem)}.footer-container{flex-direction:column;gap:1rem;text-align:center}.footer-socials a{margin:0 .75rem}.work-item{width:75vw;max-width:300px;margin-right:8vw}.work-horizontal-scroll-wrapper{height:68vh}.work-item-info{padding:1rem}.work-item-info h3{font-size:1.1rem}.work-item-info span{font-size:.7rem;margin-bottom:.5rem}.work-item-description{font-size:.75rem;line-height:1.5}.work-item-link:hover .work-item-description{max-height:5.5em}.work-item-info .work-item-buttons{margin-top:.75rem;gap:.5rem}.work-item-btn{padding:.4rem .9rem;font-size:.7rem}.experience-timeline{padding-left:25px;border-left-width:1.5px}.timeline-marker{left:-32px;width:10px;height:10px;border-width:1.5px;box-shadow:0 0 0 1.5px var(--accent-color)}.experience-content{padding:1rem 1.25rem}.experience-content h3{font-size:1.2rem}.experience-date{font-size:.8rem}.experience-description{font-size:.9rem}.experience-skills span{font-size:.75rem;padding:.25rem .6rem}.shape-1{width:40vw;height:35vw}.shape-2{width:50vw;height:45vw}.shape-3{width:30vw;height:35vw}.shape-4{width:35vw;height:30vw}.shape-5{width:25vw;height:40vw}.shape-6{width:45vw;height:40vw}.shape-7{width:20vw;height:25vw}.login-card{padding:2rem 1.5rem}.login-title{font-size:1.6rem}.login-subtitle{font-size:.9rem}.admin-main-header{padding:0 1rem;height:60px}.admin-logo a{font-size:1.1rem}#admin-logout-btn{padding:.5rem 1rem;font-size:.8rem}.admin-main-content{padding:1rem}.admin-page-title{font-size:1.8rem;margin-bottom:1.5rem}.admin-data-section{padding:1rem 1.2rem}.admin-section-header{flex-direction:column;align-items:flex-start;gap:1rem}.admin-section-title{font-size:1.3rem}.admin-items-grid{grid-template-columns:1fr}.admin-modal-content{padding:1.5rem;max-height:85vh}.admin-modal-title-text{font-size:1.3rem}}.work-item-tech-tags{display:flex;gap:.7rem 1rem;flex-wrap:wrap;margin-bottom:.7rem}.work-item-tag{background:#2c2c2c;padding:.2rem .5rem;border-radius:50px;display:flex!important;align-items:center;flex-wrap:nowrap!important;white-space:nowrap;margin-bottom:0!important}