@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;900&family=DM+Sans:wght@300;400;500;600&display=swap";:root{--ink:#1a1a2e;--chalk:#f5f0e8;--green:#a9dd15;--lime:#74c69d;--yellow:#2596be;--sky:#a8dadc;--red:#e63946;--purple:#c77dff;--orange:#fb923c;--pink:#ffc5d3;--border:2px solid var(--ink);--radius:0px;--spacing:24px;--bg:var(--chalk);--surface:white;--surface-hover:#ede8df;--text:var(--ink);--text-muted:#1a1a2e99;--text-light:#1a1a2ecc;--accent:var(--green);--accent-hover:#3a8a65;--success:var(--lime)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--chalk);color:var(--ink);-webkit-font-smoothing:antialiased;background-color:#0000;background-image:radial-gradient(circle at 58%,#2596be59 0 30px,#0000 31px),radial-gradient(circle at 4% 30%,#a9dd152e 0 28px,#0000 29px),radial-gradient(circle at 92% 95%,#2596be2e 0 36px,#0000 37px),radial-gradient(circle at 16% 88%,#2596be2e 0 250px,#0000 251px),radial-gradient(circle at 72% 20%,#a9dd1538 0 180px,#0000 181px),radial-gradient(circle at 72% 60%,#a9dd1538 0 280px,#0000 281px),radial-gradient(circle at 22% 40%,#2596be2e 0 180px,#0000 181px),linear-gradient(45deg,#0000 0% 58%,#2596be33 58%,#a9dd1524 66%,#0000 66% 100%),repeating-linear-gradient(90deg,#0000000a 0 1px,#0000 1px 40px),repeating-linear-gradient(#0000000a 0 1px,#0000 1px 40px),linear-gradient(135deg,#f9f9f9 0%,#ececec 100%);background-position:0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0;background-repeat:no-repeat;background-size:auto,auto,auto,auto,auto,auto,auto,auto,auto,auto,auto;background-attachment:scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box;font-family:DM Sans,sans-serif;line-height:1.6}a{color:inherit;-webkit-text-decoration:underline wavy #2596be59;text-decoration:underline wavy #2596be59}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.container{max-width:1200px;padding:0 var(--spacing);margin:0 auto}header{z-index:100;background:var(--ink);border-bottom:var(--border);position:sticky;top:0}.header-inner{padding:10px var(--spacing);justify-content:flex-end;align-items:center;max-width:1200px;margin:0 auto;display:flex}.header-admin-link{color:#f5f0e866;letter-spacing:.5px;text-transform:uppercase;font-size:11px;font-weight:500;text-decoration:none;transition:color .2s}.header-admin-link:hover{color:var(--chalk);text-decoration:none}.hero{background:var(--ink);color:var(--chalk);border-bottom:var(--border);padding:72px 0 56px;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:repeating-linear-gradient(-45deg,#0000,#0000 20px,#ffffff05 20px 40px);position:absolute;inset:0}.hero-content{max-width:760px;position:relative}h1{margin-bottom:12px}.hero-badge{background:var(--lime);color:var(--ink);border:1.5px solid var(--ink);letter-spacing:1px;text-transform:uppercase;border-radius:0;align-items:center;gap:8px;margin-bottom:16px;margin-right:8px;padding:5px 14px;font-size:12px;font-weight:500;transition:background .2s;animation:.6s ease-out both fadeInUp;display:inline-flex}.hero-badge:hover{background:var(--yellow);box-shadow:none;transform:none}.hero h2{color:var(--chalk);margin:12px 0 20px;font-family:Playfair Display,serif;font-size:clamp(26px,4vw,44px);font-weight:900;line-height:1.1}.hero p{color:#f5f0e8cc;margin-bottom:16px;font-weight:300;line-height:1.7}.hero section h2{color:var(--lime);margin-bottom:10px;font-family:Playfair Display,serif;font-size:22px;font-weight:700}.hero section p{color:#f5f0e8bf}.btn{letter-spacing:.5px;text-transform:uppercase;border:var(--border);cursor:pointer;border-radius:0;align-items:center;gap:8px;padding:12px 24px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.tool-card-actions .btn{padding:9px 16px;font-size:12px}.btn-primary{background:var(--lime);color:var(--ink)}.btn-primary:hover{background:var(--yellow);box-shadow:4px 4px 0 var(--ink);transform:translateY(-2px)}.btn-primary:active{box-shadow:none;transform:translateY(0)}.btn-secondary{background:var(--chalk);color:var(--ink)}.btn-secondary:hover{border-color:var(--chalk);background:#f5f0e81a;transform:translateY(-2px)}.btn-danger{background:var(--red);color:#fff;border-color:var(--red)}.btn-danger:hover{box-shadow:4px 4px 0 var(--ink);background:#c1121f;transform:translateY(-2px)}.tools-section,.articles-section{border-bottom:var(--border);padding:60px 0}.section-header{border-bottom:var(--border);margin-bottom:40px;padding-bottom:20px;animation:.6s ease-out .2s both fadeInUp}.section-header h2{color:var(--ink);margin-bottom:8px;font-family:DM Sans,sans-serif;font-size:36px;font-weight:900}.section-header p{color:var(--text-muted);font-size:15px}.tools-filter-bar{flex-wrap:wrap;gap:12px;margin-bottom:32px;display:flex}.tools-filter-bar input[type=search],.tools-filter-bar select{border:var(--border);color:var(--ink);background:#fff;border-radius:0;padding:10px 12px;font-family:inherit;font-size:14px}.tools-filter-bar input[type=search]{flex:1;min-width:200px}.tools-filter-bar select{min-width:160px}.tools-filter-bar input[type=search]:focus,.tools-filter-bar select:focus{outline:2px solid var(--lime);outline-offset:0}.tools-grid,.articles-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;display:grid}.article-card{height:320px}.tool-card{background:var(--chalk);border-right:var(--border);border-bottom:var(--border);transform-origin:50%;will-change:transform;border-top:1px solid #1a1a2e;border-left:1px solid #1a1a2e;border-radius:0;flex-direction:column;transition:transform .16s cubic-bezier(.2,.8,.2,1),box-shadow .16s cubic-bezier(.2,.8,.2,1),filter .16s cubic-bezier(.2,.8,.2,1);display:flex;position:relative;overflow:hidden}.tool-card:after{content:"";pointer-events:none;opacity:0;transition:opacity .16s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0;box-shadow:0 18px 40px #2596be2e,0 8px 14px #2596be2e,8px 0 14px #2596be2e}.tool-card:hover{z-index:2;filter:saturate(1.02);transform:translateY(-6px)scale(1.015);box-shadow:0 18px 38px #2596be2e,0 8px #2596be2e,8px 0 #2596be2e}.tool-card:hover:after{opacity:1}.tool-card:active{transform:translateY(-3px)scale(1.008)}.tool-card-image{object-fit:cover;border-bottom:var(--border);filter:grayscale(15%);width:100%;height:170px;transition:transform .4s,filter .3s;display:block}.article-card .tool-card-image{height:150px}.tool-card:hover .tool-card-image{filter:grayscale(0%);transform:scale(1.03)}.tool-card-content{flex-direction:column;flex:1;padding:22px 20px 28px;display:flex}.tool-card-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.tool-card-title{color:var(--ink);margin:0;font-family:Playfair Display,serif;font-size:20px;font-weight:700;line-height:1.2}.tool-badge{letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;border:1.5px solid var(--ink);border-radius:0;flex-shrink:0;padding:3px 10px;font-size:11px;font-weight:600;transition:transform .2s}.tool-badge:hover{transform:scale(1.05)}.tool-badge.python{color:#ff0;background:#4b8bbe}.tool-badge.agile{color:var(--ink);background:#ffff80}.tool-badge.terminal{background:var(--ink);color:var(--lime)}.tool-badge.sql{background:var(--sky);color:var(--ink)}.tool-badge.cyber{background:var(--red);color:#fff}.tool-badge.networks,.tool-badge.networking{background:var(--purple);color:var(--ink)}.tool-badge.revision{background:var(--orange);color:var(--ink)}.tool-badge.testing{background:var(--pink);color:var(--ink)}.tool-badge.hardware{background:var(--sky);color:var(--ink)}.tool-badge.webdev{background:var(--lime);color:var(--ink)}.tool-badge.cryptography{background:var(--ink);color:var(--green)}.tool-badge.medium{background:var(--ink);color:var(--chalk)}.article-meta{color:var(--text-muted);margin-bottom:10px;font-size:12px}.tool-card-description{color:var(--text-muted);flex:1;margin-bottom:20px;font-size:14px;line-height:1.6}.tool-card-actions{flex-wrap:wrap-reverse;align-items:center;gap:8px;margin-top:auto;display:flex}.more-info-btn{border:var(--border);height:38px;color:var(--ink);cursor:pointer;letter-spacing:.5px;text-transform:uppercase;background:0 0;border-radius:0;align-items:center;gap:6px;padding:0 12px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.more-info-btn:hover{background:var(--ink);color:var(--chalk);border-color:var(--ink)}.more-info-btn svg{width:16px;height:16px}.modal-overlay{z-index:9999;background:#1a1a2eb3;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.modal{background:var(--chalk);border:var(--border);width:min(860px,100%);max-height:86vh;box-shadow:8px 8px 0 var(--ink);border-radius:0;flex-direction:column;animation:.3s both modalSlideIn;display:flex;overflow:hidden}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:var(--border);background:var(--ink);color:var(--chalk);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.modal-title{color:var(--chalk);margin:0;font-family:Playfair Display,serif;font-size:18px;font-weight:700}.modal-header-actions{align-items:center;gap:10px;display:flex}.modal-close{color:var(--chalk);cursor:pointer;background:0 0;border:1.5px solid #f5f0e866;border-radius:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;transition:background .15s;display:inline-flex}.modal-close:hover{border-color:var(--chalk);background:#f5f0e826}.modal-header .btn-primary{background:var(--lime);color:var(--ink);border:1.5px solid var(--lime)}.modal-header .btn-primary:hover{background:var(--yellow);border-color:var(--yellow);box-shadow:none}.modal-body{padding:24px;overflow:auto}.modal-body h2{margin-bottom:10px;font-family:Playfair Display,serif;font-size:22px;font-weight:700}.modal-body h3{border-bottom:1px solid #1a1a2e26;margin-top:18px;margin-bottom:8px;padding-bottom:4px;font-family:Playfair Display,serif;font-size:16px;font-weight:700}.modal-body p{color:var(--text-muted);margin-bottom:12px;font-size:14px}.modal-body ul,.modal-body ol{color:var(--text-muted);margin-bottom:12px;margin-left:18px;font-size:14px}.modal-body code{color:var(--green);background:#1a1a2e14;border:1px solid #1a1a2e26;padding:2px 6px;font-family:ui-monospace,monospace;font-size:.9em}.modal-body hr{border:none;border-top:var(--border);margin:16px 0}.modal-body a{color:var(--yellow)}.contact-form-group{margin-bottom:16px}.contact-form-group label{color:var(--text);margin-bottom:6px;font-weight:600;display:block}.contact-form-group input,.contact-form-group textarea{border:var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:0;padding:10px;font-family:inherit;font-size:14px}.contact-form-group input:focus,.contact-form-group textarea:focus{outline:2px solid var(--lime)}.contact-form-group textarea{resize:vertical}.form-status{border-radius:0;margin-bottom:16px;padding:12px}.form-status.success{color:#34d399;background:#10b98133;border:1px solid #10b9814d}.form-status.error{color:#f87171;background:#ef444433;border:1px solid #ef44444d}footer{background:var(--ink);color:#f5f0e899;border-top:var(--border);text-align:center;padding:32px 0;font-size:13px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.loading-state,.empty-state{text-align:center;color:var(--text-muted);grid-column:1/-1;padding:48px 24px;font-size:15px}.admin-page{background:var(--chalk);min-height:100vh}.admin-header{background:var(--ink);color:var(--chalk);padding:16px var(--spacing);border-bottom:var(--border);justify-content:space-between;align-items:center;display:flex}.admin-header h1{margin:0;font-family:Playfair Display,serif;font-size:22px;font-weight:700}.admin-header-actions{align-items:center;gap:10px;display:flex}.admin-username{color:#f5f0e899;font-size:13px}.admin-tabs{border-bottom:var(--border);background:var(--ink);padding:0 var(--spacing);gap:0;display:flex}.admin-tab{text-transform:uppercase;letter-spacing:.5px;cursor:pointer;color:#f5f0e880;background:0 0;border:none;border-bottom:3px solid #0000;padding:12px 20px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;transition:color .2s,border-color .2s}.admin-tab:hover{color:var(--chalk)}.admin-tab.active{color:var(--lime);border-bottom-color:var(--lime)}.admin-content{padding:var(--spacing);max-width:1200px;margin:0 auto}.admin-section-header{border-bottom:var(--border);justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.admin-section-header h2{font-size:24px;font-weight:700}.admin-table{border-collapse:collapse;width:100%}.admin-table th{text-align:left;background:var(--ink);color:var(--chalk);text-transform:uppercase;letter-spacing:.5px;border:var(--border);padding:10px 12px;font-size:12px;font-weight:600}.admin-table td{vertical-align:middle;border:1px solid #1a1a2e33;padding:10px 12px;font-size:14px}.admin-table tr:nth-child(2n) td{background:#1a1a2e08}.admin-table tr:hover td{background:#2596be0f}.admin-table-thumb{object-fit:cover;border:1px solid #1a1a2e33;width:60px;height:40px}.admin-table-actions{gap:6px;display:flex}.btn-sm{padding:5px 10px;font-size:11px}.admin-table .row-inactive td{opacity:.5}.drag-handle{cursor:grab;color:var(--text-muted);-webkit-user-select:none;user-select:none;text-align:center;width:28px;font-size:16px}.drag-handle:active{cursor:grabbing}.admin-table tr.drag-over td{box-shadow:inset 0 2px 0 var(--green);background:#a9dd152e!important}.rte{border:var(--border);background:#fff}.rte-toolbar{border-bottom:var(--border);background:var(--bg);flex-wrap:wrap;align-items:center;gap:2px;padding:6px 8px;display:flex}.rte-btn{cursor:pointer;color:var(--text);white-space:nowrap;background:0 0;border:1.5px solid #0000;border-radius:0;padding:4px 8px;font-family:inherit;font-size:12px;font-weight:700;line-height:1.4}.rte-btn:hover{background:var(--surface-hover);border-color:#1a1a2e4d}.rte-btn.active{background:var(--ink);color:var(--chalk);border-color:var(--ink)}.rte-sep{background:#1a1a2e33;align-self:stretch;width:1px;margin:2px 4px}.rte-content .ProseMirror{min-height:220px;color:var(--text);outline:none;padding:14px;font-size:14px;line-height:1.7}.rte-content .ProseMirror>*+*{margin-top:.6em}.rte-content .ProseMirror h2{margin-top:1em;font-size:20px;font-weight:700}.rte-content .ProseMirror h3{margin-top:.8em;font-size:16px;font-weight:700}.rte-content .ProseMirror p{margin:0}.rte-content .ProseMirror ul,.rte-content .ProseMirror ol{padding-left:22px}.rte-content .ProseMirror li+li{margin-top:2px}.rte-content .ProseMirror blockquote{border-left:3px solid var(--green);color:var(--text-muted);padding-left:12px;font-style:italic}.rte-content .ProseMirror hr{border:none;border-top:2px solid var(--ink);margin:1em 0}.rte-content .ProseMirror code{background:#1a1a2e14;border:1px solid #1a1a2e26;padding:1px 5px;font-family:ui-monospace,monospace;font-size:12px}.rte-content .ProseMirror a{color:var(--yellow);text-decoration:underline}.rte-content .ProseMirror p.is-editor-empty:first-child:before{content:"Start typing, or paste HTML content…";color:var(--text-muted);float:left;pointer-events:none;height:0}.badge-preview-row{align-items:center;gap:10px;margin:-4px 0 16px;display:flex}.badge-preview-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.badge-presets{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.badge-preset{cursor:pointer;text-transform:uppercase;letter-spacing:.5px;border:2px solid #0000;border-radius:0;padding:4px 10px;font-size:11px;font-weight:700;transition:border-color .15s}.badge-preset:hover{border-color:#1a1a2e73}.badge-preset.selected{border-color:var(--ink);box-shadow:2px 2px 0 var(--ink)}.badge-color-row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.badge-color-picker{align-items:center;gap:6px;display:flex}.badge-color-picker label{font-size:13px;font-weight:600}.badge-color-picker input[type=color]{border:var(--border);cursor:pointer;background:#fff;border-radius:0;width:42px;height:34px;padding:2px}.admin-form{max-width:860px}.form-group{margin-bottom:18px}.form-group label{color:var(--text);margin-bottom:6px;font-size:14px;font-weight:600;display:block}.form-group input,.form-group select,.form-group textarea{border:var(--border);width:100%;color:var(--text);background:#fff;border-radius:0;padding:10px;font-family:inherit;font-size:14px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:2px solid var(--lime)}.form-group textarea{resize:vertical;min-height:120px}.form-hint{color:var(--text-muted);margin-top:4px;font-size:12px}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-actions{gap:10px;margin-top:24px;display:flex}.toggle-label{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;display:flex}.toggle-text{font-size:14px;font-weight:600}.toggle-switch{flex-shrink:0;position:relative}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-track{border:var(--border);background:#1a1a2e33;align-items:center;width:44px;height:24px;transition:background .2s;display:flex}.toggle-switch.on .toggle-track{background:var(--green)}.toggle-thumb{background:var(--ink);border:1.5px solid var(--ink);width:18px;height:18px;margin-left:2px;transition:transform .2s}.toggle-switch.on .toggle-thumb{background:var(--ink);transform:translate(20px)}.upload-area{text-align:center;cursor:pointer;border:2px dashed #1a1a2e4d;padding:20px;transition:border-color .2s}.upload-area:hover{border-color:var(--yellow)}.upload-preview{object-fit:cover;border:var(--border);max-width:200px;max-height:120px;margin-top:12px}.login-page{background:var(--ink);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:var(--chalk);border:var(--border);width:min(400px,90vw);box-shadow:8px 8px #f5f0e833}.login-card-header{background:var(--ink);color:var(--chalk);border-bottom:var(--border);padding:24px}.login-card-header h1{margin:0;font-family:Playfair Display,serif;font-size:22px;font-weight:700}.login-card-header p{color:#f5f0e899;margin-top:4px;font-size:13px}.login-card-body{padding:24px}.login-back{color:#f5f0e866;font-size:12px;text-decoration:none}.login-back:hover{color:var(--chalk)}@media (width<=768px){.hero{padding:48px 0 36px}.hero p{font-size:15px}.tools-grid,.articles-grid{grid-template-columns:1fr}.section-header h2{font-size:28px}.form-row{grid-template-columns:1fr}.admin-tabs{overflow-x:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}