.app-shell{position:relative;min-height:100vh}.matrix-canvas-layer{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1}.foreground-content{position:relative;z-index:10;min-height:100vh;overflow-y:auto;pointer-events:none;padding-bottom:6rem}.pointer-auto{pointer-events:auto}.glass-navbar{position:sticky;top:.8rem;z-index:20;margin:.8rem auto 0;width:min(980px,calc(100% - 2rem));display:flex;align-items:center;justify-content:space-between;padding:.8rem 1rem;border-radius:12px;border:1px solid rgba(61,255,122,.22);background:#0203088c;backdrop-filter:saturate(130%) blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 10px 28px #00000059}.nav-brand{color:#9dffbc;font-weight:700;letter-spacing:.02em}.nav-links{display:flex;gap:1rem}.nav-link{color:#e3ffe9;opacity:.9;text-decoration:none;font-weight:500}.nav-link:hover{opacity:1}.content-block{position:relative;z-index:10;width:min(980px,calc(100% - 2rem));margin:2rem auto 0;padding:1.2rem 1.1rem;border-radius:12px;border:1px solid rgba(61,255,122,.16);background:#02030866;backdrop-filter:saturate(120%) blur(6px);-webkit-backdrop-filter:blur(6px);color:#e6ffe8}.content-block h1,.content-block h2{margin:0 0 .6rem;color:#b6ffcb}.content-block p{margin:0;line-height:1.6}.about-profile-image{display:block;width:min(220px,65%);margin:.2rem auto 1rem;border-radius:999px;border:2px solid rgba(61,255,122,.28);object-fit:cover;box-shadow:0 14px 30px #2d2d2d80}.project-card{width:100%;margin-top:.8rem;padding:0;border:1px solid rgba(61,255,122,.18);border-radius:14px;overflow:hidden;background:#080c0ee6;color:inherit;text-align:left;cursor:pointer;transform:translateY(0);box-shadow:0 8px 18px #2828284d;transition:transform .18s ease,box-shadow .22s ease,border-color .22s ease}.project-card:hover{transform:translateY(-7px);border-color:#3dff7a57;box-shadow:0 18px 36px #3030308c}.project-card-image{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover}.project-card-body{padding:.95rem 1rem 1.05rem}.project-card-body h3{margin:0 0 .45rem;color:#cbffda}.project-card-body p{color:#e2ffe9}.project-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:1.2rem;background:#0000008f;backdrop-filter:saturate(120%) blur(4px);-webkit-backdrop-filter:blur(4px)}.project-modal{width:min(880px,100%);max-height:calc(100vh - 2.4rem);overflow-y:auto;padding:1.1rem 1.1rem 1.25rem;border-radius:14px;border:1px solid rgba(61,255,122,.24);background:#070a0cf0;color:#e6ffe8;box-shadow:0 18px 48px #28282899}.project-modal h2{margin:0 0 .85rem;color:#c1ffd3}.project-modal p{margin:.8rem 0 0;line-height:1.65}.project-modal-image{display:block;width:100%;border-radius:10px;border:1px solid rgba(61,255,122,.18)}.project-modal-close{float:right;border:1px solid rgba(61,255,122,.22);border-radius:10px;background:#05080ad6;color:#dcffe6;font-size:1.15rem;line-height:1;padding:.35rem .55rem .4rem;cursor:pointer}.project-modal-link{display:inline-block;margin-top:1rem;color:#04140b;text-decoration:none;font-weight:700;border-radius:10px;padding:.6rem .9rem;background:#79ffad}.contact-badges{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:.9rem}.contact-badge{display:inline-flex;align-items:center;justify-content:center;padding:.5rem .9rem;border-radius:999px;border:1px solid rgba(224,255,231,.18);background:#05080acc;color:#e4ffea;text-decoration:none;font-weight:600;transition:transform .16s ease,box-shadow .2s ease,border-color .2s ease}.contact-badge:hover{transform:translateY(-2px);box-shadow:0 10px 18px #2d2d2d7a;border-color:#b9ffce80}.contact-badge.linkedin{background:linear-gradient(135deg,#0a66c22e,#05080adb)}.contact-badge.github{background:linear-gradient(135deg,#f0f6fc1f,#05080adb)}.contact-badge.youtube{background:linear-gradient(135deg,#ff000038,#05080adb)}.contact-badge.instagram{background:linear-gradient(135deg,#e1306c33,#5851db29,#05080adb)}