@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Space+Mono:wght@400;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--sage:#7a9e7e;--sage-light:#a8c5ac;--sage-dark:#4a6e4e;--brown:#6b4c3b;--brown-light:#9c7060;--brown-dark:#3d2b20;--bg:#0d0f0e;--bg-card:#131714;--bg-surface:#1a1f1b;--text:#e8ede9;--text-muted:#8a9e8d;--border:#7a9e7e26}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:Space Grotesk,sans-serif;line-height:1.7}nav{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:.5px solid var(--border);background:#0d0f0ed9;justify-content:space-between;align-items:center;width:100%;padding:1.25rem 4rem;display:flex;position:fixed;top:0}nav h1{color:var(--sage-light);letter-spacing:.05em;font-family:Space Mono,monospace;font-size:1.1rem}nav ul{gap:2.5rem;list-style:none;display:flex}nav ul li a{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.9rem;text-decoration:none;transition:color .2s}nav ul li a:hover{color:var(--brown)}.hero{flex-direction:column;justify-content:center;min-height:100vh;padding:0 4rem;display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#7a9e7e0f 0%,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:-20%;right:-10%}.hero-eyebrow{color:var(--brown);letter-spacing:.2em;text-transform:uppercase;margin-bottom:1.5rem;font-family:Space Mono,monospace;font-size:.8rem}.hero h1{color:var(--text);margin-bottom:.5rem;font-size:clamp(2.8rem,6vw,5rem);font-weight:700;line-height:1.1}.hero h1 span{color:var(--sage)}.hero h2{color:var(--text-muted);margin-bottom:1.5rem;font-size:clamp(1.2rem,2.5vw,1.6rem);font-weight:300}.hero p{max-width:540px;color:var(--text-muted);text-align:justify;margin-bottom:2.5rem;font-size:1rem;line-height:1.8}.hero-cta{border:1px solid var(--brown-dark);color:var(--brown);letter-spacing:.1em;text-transform:uppercase;background:0 0;padding:.85rem 2rem;font-family:Space Mono,monospace;font-size:.85rem;text-decoration:none;transition:all .25s;display:inline-block}.hero-cta:hover{background:var(--brown-dark);color:#fff;text-shadow:0 0 8px #6b4c3b99}.section{padding:6rem 4rem}.section-label{color:var(--sage);letter-spacing:.25em;text-transform:uppercase;margin-bottom:.75rem;font-family:Space Mono,monospace;font-size:2rem;font-weight:700}.section h2{color:var(--text-muted);margin-bottom:3rem;font-size:clamp(1rem,2vw,1.3rem);font-weight:400}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;display:grid}.project-card{background:var(--bg-card);border:.5px solid var(--border);padding:2rem;transition:border-color .25s,transform .25s;position:relative;overflow:hidden}.project-card:before{content:"";background:var(--sage);width:3px;height:0;transition:height .3s;position:absolute;top:0;left:0}.project-card:hover{border-color:#7a9e7e66;transform:translateY(-4px)}.project-card:hover:before{height:100%}.project-card h3{color:var(--text);margin-bottom:.75rem;font-size:1.15rem;font-weight:600}.project-card p{color:var(--text-muted);margin-bottom:1.25rem;font-size:.9rem;line-height:1.7}.tech-stack{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.tech-tag{color:var(--brown-light);letter-spacing:.05em;background:#6b4c3b14;border:.5px solid #6b4c3b66;padding:.25rem .6rem;font-family:Space Mono,monospace;font-size:.7rem}.project-links{gap:1rem;display:flex}.project-links a{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.3rem;font-family:Space Mono,monospace;font-size:.75rem;text-decoration:none;transition:color .2s;display:flex}.project-links a:hover{color:var(--brown)}.divider{background:var(--sage-dark);width:60px;height:1px;margin:0 4rem}footer{border-top:.5px solid var(--border);justify-content:space-between;align-items:center;padding:3rem 4rem;display:flex}footer p{color:var(--text-muted);font-family:Space Mono,monospace;font-size:.75rem}@media (width<=768px){nav{padding:1rem 1.5rem}nav ul{gap:1.5rem}.hero{padding:0 1.5rem}.section{padding:4rem 1.5rem}.divider{margin:0 1.5rem}footer{text-align:center;flex-direction:column;gap:1rem;padding:2rem 1.5rem}}.contact-form{flex-direction:column;gap:1.5rem;max-width:600px;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{letter-spacing:.1em;text-transform:uppercase;color:var(--sage-light);font-family:Space Mono,monospace;font-size:.75rem}.form-group input,.form-group textarea{background:var(--bg-card);border:.5px solid var(--border);color:var(--text);resize:vertical;outline:none;padding:.85rem 1rem;font-family:Space Grotesk,sans-serif;font-size:.95rem;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{border-color:var(--sage)}.submit-btn{border:1px solid var(--brown);color:var(--brown-light);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:0 0;align-self:flex-start;padding:.85rem 2rem;font-family:Space Mono,monospace;font-size:.85rem;transition:all .25s}.submit-btn:hover{background:var(--brown-dark);color:var(--text)}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.form-success{color:var(--sage);font-family:Space Mono,monospace;font-size:.85rem}.form-error{color:var(--brown-light);font-family:Space Mono,monospace;font-size:.85rem}.optional{color:var(--text-muted);text-transform:none;letter-spacing:0;font-size:.7rem;font-style:italic}.skills-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.skill-category{background:var(--bg-card);border:.5px solid var(--border);padding:1.75rem;transition:border-color .25s;position:relative;overflow:hidden}.skill-category:before{content:"";background:var(--brown);width:0;height:3px;transition:width .3s;position:absolute;top:0;left:0}.skill-category:hover{border-color:#6b4c3b66}.skill-category:hover:before{width:100%}.skill-category h3{letter-spacing:.1em;text-transform:uppercase;color:var(--sage-light);margin-bottom:1.25rem;font-family:Space Mono,monospace;font-size:.85rem}.skill-tags{flex-wrap:wrap;gap:.5rem;display:flex}.skill-tag{color:var(--text-muted);letter-spacing:.05em;background:#7a9e7e0f;border:.5px solid #7a9e7e40;padding:.3rem .7rem;font-family:Space Mono,monospace;font-size:.72rem;transition:all .2s}.skill-tag:hover{color:var(--sage-light);border-color:var(--sage);background:#7a9e7e1f}.documents-container{flex-direction:column;gap:2rem;width:100%;max-width:600px;display:flex}.documents-list{flex-direction:column;gap:.75rem;display:flex}.document-item{background:var(--bg-card);border:.5px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 1.25rem;transition:border-color .25s;display:flex}.document-item:hover{border-color:#7a9e7e66}.document-info{align-items:center;gap:1rem;display:flex}.document-icon{color:var(--brown-light);letter-spacing:.05em;background:#6b4c3b26;border:.5px solid #6b4c3b66;padding:.25rem .4rem;font-family:Space Mono,monospace;font-size:.65rem}.document-name{color:var(--text);font-size:.95rem}.document-download{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;font-family:Space Mono,monospace;font-size:.75rem;text-decoration:none;transition:color .2s}.document-download:hover{color:var(--sage-light)}.upload-label{border:1px solid var(--sage);color:var(--sage-light);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:0 0;padding:.85rem 2rem;font-family:Space Mono,monospace;font-size:.85rem;transition:all .25s;display:inline-block}.upload-label:hover{background:var(--sage);color:var(--bg)}.no-documents{color:var(--text-muted);font-size:.9rem;font-style:italic}.login-page{justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.login-card{background:var(--bg-card);border:.5px solid var(--border);width:100%;max-width:400px;padding:3rem}.login-card h1{color:var(--text);margin-bottom:2rem;font-size:1.8rem;font-weight:600}.login-form{flex-direction:column;gap:1.5rem;display:flex}.password-wrapper{align-items:center;display:flex;position:relative}.password-wrapper input{width:100%;padding-right:3rem}.eye-toggle{cursor:pointer;color:var(--text-muted);background:0 0;border:none;align-items:center;padding:0;font-size:1rem;transition:color .2s;display:flex;position:absolute;right:.75rem}.eye-toggle:hover{color:var(--sage-light)}.admin-page{isolation:isolate;background:#0d0f0e;width:100%;min-height:100vh;position:relative}.admin-content-wrapper{z-index:1;width:100%;min-height:100vh;display:flex;position:relative}.admin-sidebar{z-index:999;background:#131714d9;border-right:.5px solid #7a9e7e26;flex-direction:column;width:64px;height:100vh;transition:width .3s;display:flex;position:fixed;top:0;left:0;overflow:hidden}.admin-sidebar.open{width:260px}.sidebar-particles{z-index:0;pointer-events:none;opacity:.6;width:260px;height:100%;position:absolute;top:0;left:0}.admin-sidebar-header,.admin-nav,.logout-btn{z-index:1;position:relative}.admin-sidebar-header{border-bottom:.5px solid #7a9e7e26;align-items:center;gap:1rem;min-height:72px;padding:1.5rem 1rem;display:flex}.sidebar-toggle{color:#8a9e8d;cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:.25rem;transition:color .2s;display:flex}.sidebar-toggle:hover{color:#a8c5ac}.admin-brand{white-space:nowrap;overflow:hidden}.admin-brand h2{color:#e8ede9;margin:.15rem 0 0;font-size:1.1rem;font-weight:600}.admin-brand .section-label{letter-spacing:.2em;color:#7a9e7e;margin-bottom:0;font-size:.7rem}.admin-nav{flex-direction:column;flex:1;gap:.25rem;padding:1rem 0;display:flex;overflow:hidden}.admin-nav-btn{color:#8a9e8d;text-align:left;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-left:2px solid #0000;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:.85rem 1.25rem;font-family:Space Grotesk,sans-serif;font-size:.9rem;transition:all .2s;display:flex;overflow:hidden}.admin-nav-btn:hover{color:#e8ede9;background:#6b4c3b0d;border-left-color:#6b4c3b}.admin-nav-btn.active{color:#a8c5ac;background:#7a9e7e0d;border-left-color:#7a9e7e}.nav-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.badge{color:#0d0f0e;background:#7a9e7e;border-radius:20px;flex-shrink:0;margin-left:.5rem;padding:.15rem .45rem;font-family:Space Mono,monospace;font-size:.65rem;font-weight:700}.logout-btn{color:#9c7060;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-top:.5px solid #7a9e7e26;justify-content:center;align-items:center;width:100%;padding:1.25rem;font-family:Space Mono,monospace;font-size:.75rem;transition:all .25s;display:flex;overflow:hidden}.logout-btn:hover{color:#9c7060;background:#6b4c3b26}.admin-main{background:#0d0f0e;flex:1;width:calc(100% - 64px);min-height:100vh;margin-left:64px;padding:3rem;transition:margin-left .3s,filter .3s}.admin-main.shifted{filter:blur(4px);pointer-events:none;width:calc(100% - 260px);margin-left:260px}.admin-section{max-width:800px;margin-bottom:2rem}.admin-section h2{color:#e8ede9;margin-bottom:2rem;font-size:1.5rem;font-weight:600}.count{color:#8a9e8d;font-size:1rem;font-weight:400}.message-card{background:#131714;border:.5px solid #7a9e7e26;margin-bottom:1rem;padding:1.5rem;transition:border-color .25s}.message-card:hover{border-color:#7a9e7e66}.message-card.unread{cursor:pointer;border-color:#7a9e7e66}.message-card.unread h3{color:var(--sage-light);font-weight:700}.unread-dot{background:var(--sage);vertical-align:middle;border-radius:50%;width:7px;height:7px;margin-left:.5rem;display:inline-block}.message-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.message-header h3{color:#e8ede9;margin-bottom:.25rem;font-size:1rem;font-weight:600}.message-meta{color:#8a9e8d;font-size:.85rem}.message-actions{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:.5rem;margin-left:1rem;display:flex}.message-date{color:#8a9e8d;white-space:nowrap;font-family:Space Mono,monospace;font-size:.75rem}.message-body{color:#8a9e8d;border-left:2px solid #3d2b20;padding-left:1rem;font-size:.9rem;line-height:1.7}.admin-item{background:#131714;border:.5px solid #7a9e7e26;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding:1.25rem 1.5rem;transition:border-color .25s;display:flex}.admin-item:hover{border-color:#7a9e7e4d}.admin-item h3{color:#e8ede9;margin-bottom:.25rem;font-size:.95rem;font-weight:600}.admin-item p{color:#8a9e8d;font-family:Space Mono,monospace;font-size:.8rem}.delete-btn{color:#9c7060;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;white-space:nowrap;background:0 0;border:.5px solid #6b4c3b66;flex-shrink:0;padding:.4rem .85rem;font-family:Space Mono,monospace;font-size:.75rem;transition:all .2s}.delete-btn:hover{color:#e8ede9;background:#6b4c3b;border-color:#6b4c3b}.admin-form{flex-direction:column;gap:1.5rem;max-width:600px;display:flex}.admin-particles{z-index:0;pointer-events:none;opacity:.4;width:100%;height:100%;position:fixed;top:0;left:0}@media (width<=768px){.admin-main{padding:2rem 1.5rem}}.admin-sidebar:not(.open) .admin-nav-btn{pointer-events:none}.stats-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;margin-bottom:3rem;display:grid}.stat-card{background:#131714;border:.5px solid #7a9e7e26;padding:1.5rem;transition:border-color .25s}.stat-card:hover,.stat-card.unread-stat{border-color:#7a9e7e66}.stat-label{letter-spacing:.1em;text-transform:uppercase;color:#8a9e8d;margin-bottom:.75rem;font-family:Space Mono,monospace;font-size:.7rem}.stat-number{color:#a8c5ac;font-size:2.5rem;font-weight:700;line-height:1}.stat-card.unread-stat .stat-number{color:#7a9e7e}.overview-shortcuts{margin-top:1rem}.shortcut-grid{flex-wrap:wrap;gap:1rem;margin-top:1rem;display:flex}.shortcut-btn{color:#9c7060;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border:.5px solid #6b4c3b66;padding:.75rem 1.5rem;font-family:Space Mono,monospace;font-size:.8rem;transition:all .2s}.shortcut-btn:hover{color:#e8ede9;background:#6b4c3b;border-color:#6b4c3b}.read-btn{color:var(--sage-light);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;white-space:nowrap;background:0 0;border:.5px solid #7a9e7e66;padding:.3rem .7rem;font-family:Space Mono,monospace;font-size:.7rem;text-decoration:none;transition:all .2s}.read-btn:hover{background:var(--sage);color:var(--bg);border-color:var(--sage)}