@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Instrument+Serif:ital@0;1&display=swap";:root{--bg-dark: #000000;--text-main: #F5F5F5;--text-secondary: #A3A3A3;--text-muted: #525252;--accent: #FFFFFF;--border: rgba(255, 255, 255, .1);--font-body: "Inter", sans-serif;--font-heading: "Instrument Serif", serif;--container-width: 720px;--section-padding: 8rem 0}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-body);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}.main-container{width:100%;max-width:var(--container-width);margin:0 auto;padding:0 1.5rem}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:400;line-height:1.1;color:var(--text-main)}a{color:inherit;text-decoration:none;transition:all .2s ease}.label{font-family:var(--font-body);font-size:.75rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--text-secondary)}.muted{color:var(--text-secondary)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .6s cubic-bezier(.16,1,.3,1) forwards}.backgroundAnimation{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background-color:var(--bg-dark)}.backgroundAnimation:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3Base-text-anchor='middle' %3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.02;pointer-events:none}.hero-minimal{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:10rem 0 5rem}.hero-content-minimal{flex-grow:1;display:flex;flex-direction:column;justify-content:center}.hero-name{font-size:clamp(4rem,15vw,8rem);margin:.5rem 0 1.5rem;letter-spacing:-.02em}.hero-bio{font-size:clamp(1.1rem,3vw,1.5rem);color:var(--text-secondary);max-width:600px;line-height:1.5;margin-bottom:2rem}.hero-bio .italic{font-family:var(--font-heading);font-style:italic;color:var(--text-main)}.hero-cta-minimal{margin-top:1rem}.cta-link{font-size:.8rem;font-weight:600;letter-spacing:.1em;color:var(--text-main);border-bottom:1px solid var(--text-muted);padding-bottom:5px}.cta-link:hover{border-color:var(--text-main)}.hero-footer-minimal{display:flex;justify-content:space-between;width:100%;margin-top:4rem;padding-top:2rem;border-top:1px solid var(--border)}.hero-footer-minimal .muted{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase}@media (max-width: 600px){.hero-minimal{padding:8rem 0 4rem}.hero-footer-minimal{flex-direction:column;gap:1rem;text-align:left}}.nav-header{position:absolute;top:0;left:0;width:100%;padding:3rem 0;z-index:100}.nav-minimal{display:flex;justify-content:space-between;align-items:center;width:100%}.nav-brand{font-family:var(--font-heading);font-size:1.5rem;color:var(--text-main);opacity:.9}.nav-links-minimal{display:flex;gap:1.5rem}.nav-links-minimal a{font-size:.7rem;font-weight:600;letter-spacing:.15em;color:var(--text-secondary);transition:color .3s ease}.nav-links-minimal a:hover,.nav-links-minimal a.active{color:var(--text-main)}@media (max-width: 600px){.nav-header{padding:2rem 0}.nav-links-minimal{gap:1rem}.nav-links-minimal a{font-size:.65rem}}.socials-container{position:fixed;left:3rem;bottom:0;display:flex;flex-direction:column;align-items:center;gap:1.5rem;z-index:100}.socials-links{display:flex;flex-direction:column;gap:1.5rem}.social-link{font-size:1.4rem;color:var(--text-secondary);transition:all .3s ease;display:flex;align-items:center;justify-content:center}.social-link:hover{color:var(--accent);transform:translateY(-5px)}.socials-line{width:1px;height:100px;background:linear-gradient(to top,var(--accent),transparent)}.social-email-sidebar{position:fixed;right:3rem;bottom:0;display:flex;flex-direction:column;align-items:center;gap:1.5rem;z-index:100}@media (max-width: 1024px){.socials-container{left:1.5rem}}@media (max-width: 768px){.socials-container{position:static;flex-direction:row;justify-content:center;padding:2rem 0;width:100%;gap:1rem}.socials-links{flex-direction:row;gap:2rem}.socials-line{display:none}}.stack-section{padding:4rem 2rem;text-align:center;max-width:800px;margin:0 auto}.stack-title{font-size:1.5rem;font-weight:700;margin-bottom:2.5rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.stack-grid{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:2rem}.stack-icon-wrapper{font-size:2.5rem;color:var(--text-secondary);transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;width:70px;height:70px;border-radius:16px;background:#ffffff08;border:1px solid var(--border)}.stack-icon-wrapper:hover{color:var(--accent);transform:translateY(-8px) scale(1.1);background:#7c3aed0d;border-color:var(--accent);box-shadow:0 10px 20px -5px var(--accent-glow)}@media (max-width: 768px){.stack-grid{gap:1.5rem}.stack-icon-wrapper{font-size:2rem;width:60px;height:60px}}.about-minimal{padding:10rem 0 5rem}.about-header-minimal{margin-bottom:4rem}.about-title-serif{font-size:clamp(3rem,10vw,5rem);margin-top:.5rem}.about-bio-minimal{font-size:clamp(1.1rem,3vw,1.4rem);color:var(--text-secondary);line-height:1.6;margin-bottom:4rem}.about-bio-minimal strong{color:var(--text-main);font-weight:500}.about-skills-minimal{margin-bottom:5rem}.skills-list-minimal{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:1.5rem}.skills-list-minimal span{font-size:1rem;color:var(--text-secondary);position:relative}.skills-list-minimal span:after{content:" /";margin-left:1rem;color:var(--text-muted)}.skills-list-minimal span:last-child:after{content:""}.about-footer-minimal{border-top:1px solid var(--border);padding-top:4rem;display:flex;justify-content:space-between;align-items:baseline}.social-links-minimal{display:flex;gap:2rem}.social-links-minimal a{font-size:.7rem;font-weight:600;letter-spacing:.1em;color:var(--text-secondary)}.social-links-minimal a:hover{color:var(--text-main)}@media (max-width: 768px){.about-footer-minimal{flex-direction:column;gap:2rem}.social-links-minimal{gap:1.5rem}}.contact-minimal{padding:10rem 0 5rem}.contact-header-minimal{margin-bottom:4rem}.contact-title-serif{font-size:clamp(3rem,10vw,5rem);margin-top:.5rem}.contact-form-minimal{display:flex;flex-direction:column;gap:2rem;margin-bottom:5rem}.form-group-minimal input,.form-group-minimal textarea{width:100%;padding:1.5rem 0;background:transparent;border:none;border-bottom:1px solid var(--border);color:var(--text-main);font-family:var(--font-body);font-size:.9rem;letter-spacing:.1em;transition:border-color .3s ease}.form-group-minimal input:focus,.form-group-minimal textarea:focus{outline:none;border-color:var(--text-main)}.submit-btn-minimal{background:transparent;border:none;color:var(--text-main);font-family:var(--font-body);font-size:.8rem;font-weight:600;letter-spacing:.15em;padding:1rem 0;cursor:pointer;text-align:left;transition:all .3s ease;width:fit-content}.submit-btn-minimal:hover{transform:translate(10px)}.contact-footer-minimal{border-top:1px solid var(--border);padding-top:4rem;display:flex;justify-content:space-between;align-items:baseline}@media (max-width: 768px){.contact-footer-minimal{flex-direction:column;gap:2rem}}.projects-minimal{padding:10rem 0 5rem}.projects-header-minimal{margin-bottom:5rem}.projects-title-serif{font-size:4rem;margin-top:.5rem}.projects-list-minimal{display:flex;flex-direction:column}.project-row{border-top:1px solid var(--border);padding:4rem 0;transition:all .3s ease}.project-row:hover{background:#ffffff05;border-left:2px solid var(--accent);padding-left:2rem}.project-row-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.5rem}.project-row-title{font-size:2.5rem;color:var(--text-main)}.project-link-icon{font-size:1.5rem;color:var(--text-secondary)}.project-row-meta{margin-bottom:1.5rem}.label-small{font-size:.65rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.project-row-description{font-size:1.1rem;color:var(--text-secondary);max-width:600px;line-height:1.6}@media (max-width: 768px){.projects-title-serif{font-size:3rem}.project-row-title{font-size:2rem}.project-row:hover{padding-left:1rem}}.admin-container{--admin-bg: #5225b6;--admin-text: #ffffff;--admin-border: #8e5fff;--admin-highlight: #caa9ff;--admin-font: "Bebas Neue", sans-serif;max-width:1200px;margin:0 auto;padding:20px;min-height:100vh;background:var(--admin-bg);color:var(--admin-text);font-family:var(--admin-font)}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px;background:#ffffff14;border-radius:10px;border:2px solid var(--admin-border)}.admin-header h1{font-size:2em;margin:0;color:var(--admin-highlight)}.admin-actions{display:flex;gap:15px;align-items:center}.user-info{padding:8px 15px;background:#caa9ff1a;border:1px solid var(--admin-highlight);border-radius:5px;font-size:.9em;color:var(--admin-text)}.message{padding:15px;margin-bottom:20px;background:#2d5f2e;color:#90ee90;border-left:4px solid #00ff00;border-radius:5px;animation:fadeInOut 3s ease-in-out}@keyframes fadeInOut{0%,to{opacity:1}90%{opacity:1}to{opacity:0}}.projects-table-container{background:#ffffff14;border-radius:10px;padding:20px;overflow-x:auto;border:2px solid var(--admin-border)}.projects-table-container h2{margin-top:0;color:var(--admin-highlight)}.projects-table{width:100%;border-collapse:collapse;margin-top:20px}.projects-table th{background:#caa9ff1a;padding:15px;text-align:left;font-weight:600;border-bottom:2px solid var(--admin-border);color:var(--admin-highlight)}.projects-table td{padding:15px;border-bottom:1px solid #333}.projects-table tr:hover{background:#00d4ff0d}.projects-table a{color:var(--admin-highlight);text-decoration:none;transition:color .3s}.projects-table a:hover{color:var(--admin-highlight);text-decoration:underline}.btn-primary,.btn-secondary,.btn-edit,.btn-delete,.btn-cancel{padding:10px 20px;border:none;border-radius:5px;font-size:.95em;cursor:pointer;transition:all .3s;font-weight:600}.btn-primary{background:var(--admin-border);color:var(--admin-text);border:2px solid var(--admin-highlight)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #8e5fff66;background:var(--admin-highlight);color:#5225b6}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:#ff6b6b;color:#fff;margin-left:10px}.btn-secondary:hover{background:#ff5252}.btn-edit{background:#caa9ff33;color:var(--admin-highlight);margin-right:10px;padding:5px 12px;font-size:.85em;border:1px solid var(--admin-border)}.btn-edit:hover{background:var(--admin-border);color:var(--admin-text)}.btn-delete{background:#ff6b6b;color:#fff;padding:5px 12px;font-size:.85em}.btn-delete:hover{background:#ff5252}.btn-cancel{background:#666;color:#fff}.btn-cancel:hover{background:#555}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:var(--admin-bg);font-family:var(--admin-font)}.login-box{background:#ffffff14;padding:40px;border-radius:10px;box-shadow:0 10px 40px #00000080;width:100%;max-width:400px;border:2px solid var(--admin-border)}.login-box h1{text-align:center;color:var(--admin-highlight);margin-bottom:30px;font-size:1.8em}.form-group label{display:block;margin-bottom:8px;color:#fff;font-weight:600}.form-group input[type=email],.form-group input[type=password],.form-group input[type=text],.form-group input[type=url],.form-group textarea,.form-group input[type=file]{width:100%;padding:12px;border:1px solid #333;border-radius:5px;background:#0f0f0f;color:#fff;font-size:1em;box-sizing:border-box;transition:border-color .3s}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper input{flex:1;width:100%;padding:12px 40px 12px 12px}.password-toggle{position:absolute;right:12px;background:none;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;transition:color .3s}.password-toggle:hover{color:var(--admin-highlight)}.form-group input:focus,.form-group textarea:focus,.form-group input[type=file]:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 10px #00d4ff33}.error-message{padding:10px;margin-bottom:15px;background:#5f2f2f;color:#f99;border-left:4px solid #ff6b6b;border-radius:5px}@media (max-width: 768px){.admin-header{flex-direction:column;gap:15px;text-align:center}.admin-actions{flex-direction:column;width:100%}.btn-secondary{width:100%;margin-left:0}.projects-table{font-size:.9em}.projects-table th,.projects-table td,.admin-container{padding:10px}}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.modal-content{background:var(--bg-gradient, #5225b6);border-radius:10px;box-shadow:0 10px 40px #00000080;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;border:2px solid var(--button-border, #8e5fff)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid rgba(202,169,255,.2);background:#ffffff14}.modal-header h2{margin:0;color:var(--highlight-color, #caa9ff)}.close-btn{background:none;border:none;color:var(--text-color, #ffffff);font-size:2em;cursor:pointer;transition:color .3s;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.close-btn:hover{color:var(--highlight-color, #caa9ff)}.project-form{padding:30px;color:var(--text-color, #ffffff)}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:var(--text-color, #ffffff);font-weight:600;font-size:.95em}.hint{font-size:.85em;color:#999;font-weight:400;margin-left:5px}.required{color:#ff6b6b;margin-left:3px}.form-group input[type=text],.form-group input[type=url],.form-group input[type=file],.form-group textarea{width:100%;padding:12px;border:1px solid #333;border-radius:5px;background:#0f0f0f;color:#fff;font-size:1em;box-sizing:border-box;font-family:inherit;transition:all .3s}.form-group input[type=text]:focus,.form-group input[type=url]:focus,.form-group input[type=file]:focus,.form-group textarea:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 10px #00d4ff33}.form-group input[type=file]{padding:10px;cursor:pointer}.form-group textarea{resize:vertical;min-height:100px}.image-preview{margin-top:15px;text-align:center}.image-preview img{max-width:100%;max-height:300px;border-radius:5px;border:2px solid var(--highlight-color, #caa9ff)}.error-message{padding:12px;margin-bottom:20px;background:#5f2f2f;color:#f99;border-left:4px solid #ff6b6b;border-radius:5px}.form-actions{display:flex;gap:10px;margin-top:30px;justify-content:flex-end}.form-actions button{padding:10px 20px;border:none;border-radius:5px;font-size:.95em;cursor:pointer;transition:all .3s;font-weight:600}.form-actions .btn-primary{background:var(--button-border, #8e5fff);color:var(--text-color, #ffffff);flex:1;max-width:200px;border:2px solid var(--highlight-color, #caa9ff)}.form-actions .btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #8e5fff66;background:var(--highlight-color, #caa9ff);color:#5225b6}.form-actions .btn-primary:disabled{opacity:.6;cursor:not-allowed}.form-actions .btn-cancel{background:#666;color:#fff;flex:1;max-width:100px}.form-actions .btn-cancel:hover{background:#555}@media (max-width: 600px){.modal-content{max-height:100vh}.project-form{padding:20px}.form-actions{flex-direction:column-reverse}.form-actions button{width:100%;max-width:none}}
