*{box-sizing:border-box}*,body{margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#020202;color:#4cff4c;font-family:Courier New,Monaco,Menlo,monospace;height:100vh;line-height:1.6}body,html{overflow:hidden}html{height:100%}code{font-family:Courier New,Monaco,Menlo,monospace}:root{--fo-screen-bg:#020f02}.App{align-items:center;background:radial-gradient(ellipse at 50% 38%,#0d0d0d 0,#010101 100%);box-sizing:border-box;display:flex;font-family:Courier New,Monaco,Menlo,monospace;height:100vh;justify-content:center;overflow:hidden;padding:18px 18px 14px}.monitor-housing{width:min(96vw,1280px)}.monitor-bezel{background:linear-gradient(165deg,#202020,#131313 45%,#080808);border-radius:30px;box-shadow:0 40px 100px #000000fc,0 12px 35px #000000e0,0 0 80px rgba(76,255,76,.024),inset 0 1px 0 hsla(0,0%,100%,.075),inset 0 -2px 0 #0009,inset 0 4px 32px #000000b8;padding:26px 30px 30px;position:relative;width:100%}.monitor-bezel:after,.monitor-bezel:before{background:radial-gradient(circle at 35% 30%,#2b2b2b,#0c0c0c);border-radius:50%;box-shadow:0 0 0 1px #060606,inset 0 1px 0 #ffffff0f,0 1px 3px #000000e6;content:"";height:9px;position:absolute;top:14px;width:9px}.monitor-bezel:before{left:19px}.monitor-bezel:after{right:19px}.monitor-label{color:#1e3d1e;font-family:Courier New,monospace;font-size:.56rem;letter-spacing:.32em;margin-bottom:15px;pointer-events:none;text-align:center;text-transform:uppercase;-webkit-user-select:none;user-select:none}.monitor-screen-wrapper{background:#030303;border-radius:12px;box-shadow:inset 0 4px 20px #000000fc,inset 0 1px 5px #000000e6,0 0 0 2px #040404;overflow:hidden}.monitor-screen{animation:screen-flicker 9s linear infinite;background:#020f02;background:var(--fo-screen-bg);border-radius:10px;box-shadow:inset 0 0 100px #000000d1,inset 0 0 30px #0006,0 0 28px #4cff4c12;filter:url(#crt-effects) brightness(1.15) contrast(1.05) saturate(1.15);height:calc(100vh - 126px);min-height:380px;overflow:hidden;position:relative;width:100%}@keyframes screen-flicker{0%,34%,38%,84%,90%,to{opacity:1}35%{opacity:.978}36%{opacity:.955}37%{opacity:.982}85%{opacity:.97}86%{opacity:.945}87%{opacity:.985}88%{opacity:.96}89%{opacity:1}}.monitor-screen:before{animation:scan-beam 4.8s linear infinite;background:linear-gradient(180deg,#0000 0,rgba(76,255,76,.038) 40%,rgba(76,255,76,.055) 50%,rgba(76,255,76,.038) 60%,#0000);content:"";height:100px;left:0;pointer-events:none;position:absolute;right:0;z-index:54}@keyframes scan-beam{0%{top:-100px}to{top:100%}}.monitor-screen:after{bottom:44px;color:rgba(76,255,76,.048);content:"ibrahim@portfolio:~$ ▋";filter:blur(.55px);font-family:Courier New,monospace;font-size:14px;left:1.6rem;pointer-events:none;position:absolute;text-shadow:0 0 12px rgba(76,255,76,.055);-webkit-user-select:none;user-select:none;z-index:55}@keyframes hsync{0%{transform:none}12%{transform:translateX(-5px) skewX(-1.3deg)}28%{transform:translateX(4px) skewX(.6deg)}45%{transform:translateX(-3px)}65%{transform:translateX(3px) skewX(-.4deg)}82%{transform:translateX(-1px)}to{transform:none}}.hsync-glitch{animation:hsync .22s steps(6)!important}.crt-scanlines{background:repeating-linear-gradient(0deg,#0000,#0000 2px,#0000001a 0,#0000001a 4px);z-index:50}.crt-scanlines,.crt-vignette{border-radius:inherit;inset:0;pointer-events:none;position:absolute}.crt-vignette{background:radial-gradient(ellipse at 50% 50%,#0000 45%,#0000001a 68%,#00000052 88%,#00000085 100%);z-index:51}.crt-glass{background:radial-gradient(ellipse at 27% 11%,#ffffff08 0,#0000 52%),linear-gradient(180deg,#0000 68%,#0000001f);border-radius:inherit;inset:0;pointer-events:none;position:absolute;z-index:52}.blank-screen{background:#000}.blank-screen,.splash-screen{inset:0;position:absolute;z-index:20}.splash-screen{align-items:center;background:#020f02;background:var(--fo-screen-bg);cursor:pointer;display:flex;justify-content:center}.splash-content{color:#4cff4c;color:var(--fo-green);font-family:Courier New,monospace;text-align:center}.splash-logo{color:#b4ffb4;font-size:clamp(1.1rem,3vw,1.8rem);font-weight:700;letter-spacing:.22em;margin-bottom:.35rem;text-shadow:0 0 14px #4cff4ccc,0 0 4px #4cff4c,0 0 30px #4cff4c4d;text-transform:uppercase}.splash-sub{font-size:.72rem;letter-spacing:.18em;margin-bottom:1.8rem;opacity:.55}.splash-sep{background:linear-gradient(90deg,#0000,#4cff4c,#0000);box-shadow:0 0 6px #4cff4c;height:1px;margin-bottom:1.8rem;opacity:.4}.splash-prompt{animation:splash-pulse 1.2s ease-in-out infinite;font-size:.82rem;letter-spacing:.16em;text-shadow:0 0 8px #4cff4c99}@keyframes splash-pulse{0%,to{opacity:1}50%{opacity:.28}}.splash-cursor{animation:splash-cursor-blink .5s step-end infinite}@keyframes splash-cursor-blink{0%,to{opacity:1}50%{opacity:0}}@media (max-width:768px){.App{padding:8px 8px 6px}.monitor-bezel{border-radius:18px;padding:14px 16px 18px}.monitor-screen{height:calc(100vh - 94px)}}:root{--fo-green:#4cff4c;--fo-green-bright:#b4ffb4;--fo-green-dim:#267326;--fo-amber:#ffd84c;--fo-glow:0 0 10px #4cff4cbf,0 0 3px #4cff4c,0 0 22px #4cff4c40;--fo-glow-dim:0 0 7px #4cff4c73,0 0 2px #4cff4cb3}.terminal-container{background:#0000;display:flex;flex-direction:column;font-family:Courier New,Monaco,Menlo,monospace;height:100%;overflow:hidden;position:relative;width:100%}.terminal-body{background:#0000;color:#4cff4c;color:var(--fo-green);flex:1 1;font-size:14px;line-height:1.65;overflow-y:auto;padding:1.25rem 1.5rem;text-shadow:0 0 7px #4cff4c73,0 0 2px #4cff4cb3;text-shadow:var(--fo-glow-dim)}.terminal-line{word-wrap:break-word;margin-bottom:.2rem}.terminal-input-form{align-items:center;background:#000a0066;border-top:1px solid #4cff4c2e;display:flex;gap:.5rem;padding:.6rem 1.5rem .8rem}.prompt{font-weight:700;margin-right:.4rem;-webkit-user-select:none;user-select:none;white-space:nowrap}.command,.prompt{color:#b4ffb4;color:var(--fo-green-bright);text-shadow:0 0 10px #4cff4cbf,0 0 3px #4cff4c,0 0 22px #4cff4c40;text-shadow:var(--fo-glow)}.output-content{color:inherit;white-space:pre-wrap}.terminal-input{background:#0000;border:none;caret-color:#4cff4c;caret-color:var(--fo-green);color:#b4ffb4;color:var(--fo-green-bright);flex:1 1;font-family:Courier New,Monaco,Menlo,monospace;font-size:14px;outline:none;text-shadow:0 0 10px #4cff4cbf,0 0 3px #4cff4c,0 0 22px #4cff4c40;text-shadow:var(--fo-glow)}.terminal-input::selection{background:#4cff4c47}.terminal-body::-webkit-scrollbar{width:8px}.terminal-body::-webkit-scrollbar-track{background:#000a0080}.terminal-body::-webkit-scrollbar-thumb{background:#4cff4c40;border-radius:4px}.terminal-body::-webkit-scrollbar-thumb:hover{background:#4cff4c66}.welcome{color:#b4ffb4;color:var(--fo-green-bright);font-weight:700;text-shadow:0 0 10px #4cff4cbf,0 0 3px #4cff4c,0 0 22px #4cff4c40;text-shadow:var(--fo-glow)}.info,.text{color:#4cff4c;color:var(--fo-green)}.error{color:#ff5050;text-shadow:0 0 6px #ff505099}.command-title{color:#b4ffb4;color:var(--fo-green-bright);font-weight:700;text-shadow:0 0 10px #4cff4cbf,0 0 3px #4cff4c,0 0 22px #4cff4c40;text-shadow:var(--fo-glow)}.command-item{color:#4cff4c;color:var(--fo-green)}.box,.project-title{color:#b4ffb4;color:var(--fo-green-bright);text-shadow:0 0 10px #4cff4cbf,0 0 3px #4cff4c,0 0 22px #4cff4c40;text-shadow:var(--fo-glow)}.project-title{font-weight:700}.project-line{color:#267326;color:var(--fo-green-dim)}.project-label{color:#b4ffb4;color:var(--fo-green-bright);font-weight:700}.project-text{color:#4cff4c;color:var(--fo-green)}.award{color:#ffd84c;color:var(--fo-amber);text-shadow:0 0 8px #ffd84c8c,0 0 2px #ffd84ccc}.link{color:#4cff4c;color:var(--fo-green)}.link-text{color:#b4ffb4;color:var(--fo-green-bright);cursor:pointer;text-decoration:underline;-webkit-text-decoration-color:#b4ffb466;text-decoration-color:#b4ffb466;text-shadow:0 0 10px #4cff4cbf,0 0 3px #4cff4c,0 0 22px #4cff4c40;text-shadow:var(--fo-glow);transition:text-shadow .2s,color .2s}.link-text:hover{color:#fff;text-shadow:0 0 10px #4cff4ce6,0 0 3px #fff}.link-label-text{color:#b4ffb4;color:var(--fo-green-bright);cursor:pointer;text-decoration:underline;-webkit-text-decoration-color:#b4ffb466;text-decoration-color:#b4ffb466;text-shadow:0 0 10px #4cff4cbf,0 0 3px #4cff4c,0 0 22px #4cff4c40;text-shadow:var(--fo-glow);transition:text-shadow .2s}.link-label-text:hover{color:#fff;text-shadow:0 0 10px #4cff4ce6,0 0 3px #fff}.cert-title{color:#b4ffb4;color:var(--fo-green-bright);font-weight:700;text-shadow:0 0 10px #4cff4cbf,0 0 3px #4cff4c,0 0 22px #4cff4c40;text-shadow:var(--fo-glow)}.cert-line{color:#267326;color:var(--fo-green-dim)}.cert-label{color:#b4ffb4;color:var(--fo-green-bright);font-weight:700}.cert-text{color:#4cff4c;color:var(--fo-green)}.section-title{color:#b4ffb4;color:var(--fo-green-bright);font-weight:700;text-shadow:0 0 10px #4cff4cbf,0 0 3px #4cff4c,0 0 22px #4cff4c40;text-shadow:var(--fo-glow)}.ascii-art{font-size:6px;text-align:center}.ascii-art,.cert-ascii-art{color:#267326;color:var(--fo-green-dim);display:block;font-family:Courier New,Monaco,Menlo,monospace;letter-spacing:0;line-height:1.1;text-shadow:none;white-space:pre}.cert-ascii-art{font-size:4px;text-align:left}.title-art{color:#4cff4c;color:var(--fo-green);display:block;font-family:Courier New,Monaco,Menlo,monospace;font-size:10px;letter-spacing:0;line-height:1.2;text-align:center;text-shadow:0 0 7px #4cff4c73,0 0 2px #4cff4cb3;text-shadow:var(--fo-glow-dim);white-space:pre}@media (min-width:768px){.ascii-art{font-size:7px}.cert-ascii-art{font-size:5px}.title-art{font-size:11px}}@media (min-width:1024px){.ascii-art{font-size:8px}.cert-ascii-art{font-size:6px}.title-art{font-size:12px}}@media (max-width:768px){.terminal-body{font-size:12px;padding:.75rem 1rem}.terminal-input-form{padding:.5rem 1rem .6rem}.prompt,.terminal-input{font-size:12px}}.loading-screen{align-items:center;animation:crt-flicker 6s infinite;background:#010a01;color:#4cff4c;display:flex;font-family:Courier New,Monaco,Menlo,monospace;inset:0;justify-content:center;opacity:1;overflow:hidden;position:absolute;transition:opacity .6s ease;z-index:20}@keyframes crt-flicker{0%,88%,92%,to{opacity:1}89%{opacity:.93}90%{opacity:.97}91%{opacity:.91}}.loading-screen.loading-fade-out{animation:none;opacity:0!important}.loading-content{max-width:640px;position:relative;text-shadow:0 0 10px #4cff4ca6,0 0 2px #4cff4ce6;width:90%;z-index:2}.loading-header{margin-bottom:1.8rem}.loading-title{color:#b4ffb4;font-size:clamp(1rem,3vw,1.4rem);font-weight:700;letter-spacing:.22em;margin-bottom:.25rem;text-shadow:0 0 14px #4cff4ccc,0 0 4px #4cff4c}.loading-subtitle{color:#4cff4c;font-size:.72rem;letter-spacing:.14em;margin-bottom:1rem;opacity:.55}.loading-sep{background:linear-gradient(90deg,#0000,#4cff4c,#0000);box-shadow:0 0 6px #4cff4c;height:1px;opacity:.45}.loading-boot-label{animation:label-pulse 1.1s ease-in-out infinite;color:#4cff4c;font-size:.82rem;letter-spacing:.14em;margin-bottom:1.1rem}@keyframes label-pulse{0%,to{opacity:1}50%{opacity:.28}}.loading-messages{color:#4cff4c;font-size:.78rem;letter-spacing:.04em;line-height:1.95;margin-bottom:1.8rem;min-height:168px}.loading-msg{opacity:.88}.msg-ok{color:#b4ffb4;font-weight:700;text-shadow:0 0 8px #4cff4cb3,0 0 2px #4cff4c}.loading-cursor{animation:cursor-blink .5s step-end infinite}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.loading-progress{color:#4cff4c;font-size:.78rem;letter-spacing:.05em}.loading-progress-bar{font-family:Courier New,monospace;white-space:pre}
/*# sourceMappingURL=main.dd66b84d.css.map*/