@font-face{font-family:Inter;src:url(/assets/Inter_24pt-Light-BFKa5A5X.ttf) format("truetype");font-weight:300;font-style:normal}@font-face{font-family:Inter;src:url(/assets/Inter_24pt-Regular-BPx6xqqj.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Inter;src:url(/assets/Inter_24pt-Medium-CWuwCVva.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Inter;src:url(/assets/Inter_24pt-SemiBold-BQskPSi-.ttf) format("truetype");font-weight:600;font-style:normal}@font-face{font-family:Inter;src:url(/assets/Inter_24pt-Bold-Cxr-7eik.ttf) format("truetype");font-weight:700;font-style:normal}:root{--primary: #0d1b2a;--secondary: #c0c4c6;--tertiary: #222222;--dark: #111111;--light: #f5f5f7;--middle: #4d4d4d;--border: rgba(28, 55, 85, .2);--shadow: rgba(55, 55, 55, .5);--light-shadow: rgba(85, 85, 85, .5);--success: #10d261;--error: #ff5f56;--warning: #ffbd2e;--font-primary: "Inter", sans-serif}body{margin:0}.app{width:calc(100vw - 2px);height:calc(100vh - 2px);margin:0;display:flex;justify-content:center;align-items:center;background-color:var(--dark);border:1px solid var(--secondary);font-family:var(--font-primary)}.app.mobile{width:100vw;height:100dvh;border:none}.splash-container{flex:1;display:flex;align-items:center;justify-content:center}.container{width:calc(100% - 80px);height:calc(100% - 80px);display:flex;flex-direction:column;align-items:center;border-radius:8px;box-sizing:border-box;padding:8px 20px;box-shadow:inset 0 0 10px var(--shadow);border:1px solid var(--border);color:var(--light);background-color:var(--primary)}.container.mobile{width:calc(100% - 38px);height:calc(100% - 28px);border-radius:30px;padding:16px 20px;border:1px solid var(--secondary)}.content{flex:1;display:flex;width:100%;height:100%}.ai-matrix-loader{width:120px;height:160px;margin:30px auto;position:relative;perspective:800px;display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.digit{color:var(--success);font-family:monospace;font-size:18px;text-align:center;text-shadow:0 0 5px var(--success);animation:matrix-fall 2s infinite,matrix-flicker .5s infinite;opacity:0}.digit:nth-child(1){animation-delay:.1s}.digit:nth-child(2){animation-delay:.3s}.digit:nth-child(3){animation-delay:.5s}.digit:nth-child(4){animation-delay:.7s}.digit:nth-child(5){animation-delay:.9s}.digit:nth-child(6){animation-delay:1.1s}.digit:nth-child(7){animation-delay:1.3s}.digit:nth-child(8){animation-delay:1.5s}.glow{position:absolute;inset:0;background:radial-gradient(circle,rgba(0,255,136,.1) 0%,transparent 70%);animation:matrix-pulse 2s infinite}@keyframes matrix-fall{0%{transform:translateY(-50px) rotateX(90deg);opacity:0}20%,80%{transform:translateY(0) rotateX(0);opacity:.8}to{transform:translateY(50px) rotateX(-90deg);opacity:0}}@keyframes matrix-flicker{0%,19%,21%,to{opacity:.8}20%{opacity:.2}}@keyframes matrix-pulse{0%,to{opacity:.3}50%{opacity:.7}}.top-bar{width:100%;height:50px;display:flex;justify-content:space-between;align-items:flex-start}.top-bar img{width:32px;height:30px;cursor:pointer}.top-bar .left img{width:42px;height:40px}.top-bar .right{display:flex;align-items:center;gap:18px}.wave-icons img{animation:wave 3s infinite ease-in-out}.wave-icons img:nth-child(1){animation-delay:0s}.wave-icons img:nth-child(2){animation-delay:.2s}.wave-icons img:nth-child(3){animation-delay:.4s}@keyframes wave{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.alert-popup-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--shadow);display:flex;justify-content:center;align-items:center;z-index:999}.alert-popup-card{background:var(--primary);padding:30px 50px;border-radius:12px;border:1px solid var(--secondary);box-shadow:0 4px 12px var(--light-shadow);text-align:center;min-width:240px;color:var(--light)}.alert-popup-card h3{margin-bottom:10px;font-size:18px}.alert-popup-card p{margin-bottom:20px;font-size:24px}.alert-popup-card button{margin-top:15px;padding:6px 12px;border:none;border-radius:6px;background:var(--secondary);color:var(--primary);cursor:pointer}.dock{display:flex;justify-content:center;align-items:flex-end;padding-bottom:14px}.dock-inner{display:flex;gap:32px;padding:12px 28px;background-color:var(--primary);border-radius:28px;border:1px solid var(--middle);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px var(--shadow)}.dock-devider{width:2px;background-color:var(--middle);border-radius:1px}.dock-button-wrapper{display:flex;flex-direction:column;align-items:center}.dock-button{width:60px;height:60px;border-radius:15px;background:var(--secondary);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease}.dock-button:hover{transform:scale(1.1)}.dock-button img{width:60%;height:60%;object-fit:contain}.dock-indicator{margin-top:6px;width:4px;height:4px;border-radius:50%;background:var(--secondary)}.toast{position:fixed;bottom:25%;left:50%;transform:translate(-50%);background:var(--secondary);color:var(--primary);padding:16px 24px;border-radius:8px;font-size:16px;opacity:.95;z-index:1000;animation:fadeInOut 3s ease forwards}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%) translateY(20px)}10%{opacity:1;transform:translate(-50%) translateY(0)}90%{opacity:1}to{opacity:0;transform:translate(-50%) translateY(20px)}}.contact-dock{display:flex;justify-content:center;align-items:center;gap:16px;padding:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--secondary)}.bar-container{display:flex;align-items:center;justify-content:space-between;height:25px;width:100%;background-color:var(--primary);padding:0 8px;box-sizing:border-box}.bar-container .left img{width:18px;height:18px;cursor:pointer}.bar-container .center{position:absolute;left:50%;transform:translate(-50%);font-size:12px;font-weight:600;color:#fff}.bar-container .right{width:18px;height:18px}.mobile-apps-container{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;justify-items:center;align-items:center;padding:8px;margin-top:32px}.modal-content{width:90%;height:90%;background:var(--primary);box-shadow:0 -4px 30px var(--shadow);border-top-left-radius:20px;border-top-right-radius:20px;border:1px solid var(--light);display:flex;flex-direction:column;animation:slideUp .5s ease forwards}.projects-list{display:flex;flex-direction:column;gap:16px}.empty-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;border:1px solid var(--secondary);border-radius:12px;background-color:var(--middle);color:var(--light);max-width:350px;margin:0 auto}.empty-icon{width:60px;height:60px;margin-bottom:12px}.empty-header{font-size:20px;margin:0 0 8px}.empty-message{margin:0 0 6px;font-size:16px}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;border:1px solid var(--secondary);border-radius:12px;background-color:var(--middle);color:var(--light);max-width:350px;margin:0 auto}.error-icon{width:60px;height:60px;margin-bottom:12px}.error-header{font-size:20px;margin:0 0 8px}.error-message{margin:0 0 6px;font-size:16px}.error-footer{font-size:14px;opacity:.8}.about-container{display:flex;justify-content:flex-start;align-items:center;height:100%;width:100%;margin-left:10%}.terminal-window{width:80%;max-width:800px;background-color:var(--tertiary);border-radius:10px;overflow:hidden;box-shadow:0 10px 30px var(--shadow);font-family:Courier New,Courier,monospace;color:var(--success);transition:all .5s ease}.terminal-window.normal{transform:scale(1) translateY(0)}.terminal-window.maximized{width:100%;height:100%;max-width:100%}.about-container.maximized{margin:0}.terminal-window.minimized{transform:scale(.1) translate(120%,300%);opacity:0;pointer-events:none}.terminal-header{display:flex;align-items:center;justify-content:space-between;background-color:#2d2d2d;padding:12px 18px}.terminal-buttons{display:flex;gap:9px}.terminal-button{width:13px;height:13px;border-radius:50%}.terminal-button.close{background-color:var(--error)}.terminal-button.minimize{background-color:var(--warning)}.terminal-button.maximize{background-color:var(--success)}.terminal-title{color:var(--secondary);font-size:18px;text-align:center;flex-grow:1}.terminal-content{padding:20px;line-height:1.7;font-size:22px;letter-spacing:.3px}.minimized-bar{position:absolute;left:30%;top:50%;transform:translate(-50%,-50%);background-color:var(--tertiary);color:var(--success);padding:4px 22px;border-radius:12px;box-shadow:0 4px 12px var(--shadow);cursor:pointer;font-size:18px}.about-container.mobile{margin-left:0}.about-mobile-window{width:100%;background-color:var(--primary);border:1px solid var(--secondary);border-radius:16px;padding:16px;box-shadow:0 2px 8px var(--shadow);display:flex;flex-direction:column;color:var(--light)}.about-mobile-content{font-size:1rem;line-height:1.4}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--border);display:flex;justify-content:center;align-items:flex-end;z-index:1000;animation:fadeIn .5s ease forwards}.modal-content{width:90%;height:90%;background:var(--primary);box-shadow:0 -4px 30px var(--shadow);border-top-left-radius:20px;border-top-right-radius:20px;border:1px solid var(--dark);display:flex;flex-direction:column;animation:slideUp .5s ease forwards}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-top-left-radius:20px;border-top-right-radius:20px;color:var(--light);background-color:var(--middle);border-bottom:2px solid var(--dark)}.modal-close{font-size:24px;background:none;border:none;cursor:pointer;color:var(--light)}.modal-body{flex:1;overflow-y:auto;padding:16px}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.link-icon-button{display:inline-flex;align-items:center;gap:10px;padding:10px 18px;border-radius:8px;background-color:var(--secondary);color:var(--primary);text-decoration:none;font-size:16px;font-weight:400;transition:background-color .3s ease,transform .2s ease}.link-icon-button:hover{background-color:var(--primary);color:var(--secondary);transform:translateY(-2px)}.link-icon-button:active{transform:translateY(0)}.link-icon-button.mobile{padding:4px 12px;font-size:12px;gap:4px}.button-icon{width:20px;height:20px}.button-icon.mobile{width:14px;height:14px}.button-text{line-height:1}.button-icon.hover,.link-icon-button:hover .button-icon.default{display:none}.link-icon-button:hover .button-icon.hover{display:inline}.mobile-cell-container{display:flex;flex-direction:column;border-radius:16px;padding:12px;color:var(--light);background-color:var(--primary);border:1px solid var(--secondary);box-shadow:0 2px 8px var(--shadow)}.mobile-project-header{margin-bottom:12px}.mobile-project-header h3{margin:0 0 8px;font-size:18px;font-weight:700}.mobile-date-string{margin:0;padding:2px 12px;font-size:10px;border-radius:16px;color:var(--secondary);background-color:var(--middle);display:inline-block;width:fit-content}.mobile-cell-body{margin-bottom:4px;line-height:1.3}.mobile-device-frame{float:left;width:45%;margin:0 12px 12px 0;border:6px solid var(--dark);overflow:hidden;aspect-ratio:9 / 19.5}.mobile-device-frame.desktop{float:none;display:block;width:90%;margin:0 auto 12px;border:2px solid var(--dark);border-radius:6px;aspect-ratio:19.5 / 9}.mobile-device-frame.ios{border-radius:18px}.mobile-device-frame.android{border-radius:12px}.mobile-device-frame video{width:100%;height:100%;object-fit:cover}.mobile-project-description{text-align:left;font-size:14px;color:var(--light);padding:6px;border-radius:12px;border:2px solid var(--tertiary)}.mobile-cell-footer{display:flex;flex-direction:column;gap:4px}.mobile-tags{display:flex;flex-wrap:wrap;gap:4px}.mobile-tag{background-color:var(--dark);color:var(--secondary);padding:4px 9px;border-radius:9px;font-size:10px;font-weight:500}.mobile-actions{display:flex;flex-wrap:nowrap;justify-content:space-between}.home-container.desktop{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:center;margin-left:12%}.home-container.desktop h1{font-size:68px;margin:0}.home-container.desktop h2{font-size:54px;margin:0;letter-spacing:.05em}.home-container.mobile{display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;width:100%;height:92%;margin:0;padding:8px}.mobile-apps-wrapper{width:100%;height:60%;margin-bottom:auto}.home-container.mobile h1{font-size:28px;font-weight:600;margin-bottom:8px}.home-container.mobile h2{font-size:16px;font-weight:400;margin:0;letter-spacing:.05em}.projects-container{display:grid;grid-template-columns:1fr 2fr;gap:20px;width:100%;height:100%;padding:20px;box-sizing:border-box}.projects-left{display:flex;align-items:center;justify-content:flex-start;padding:10px}.projects-left h2{margin:0;font-size:34px;color:var(--light)}.projects-right{display:flex;align-items:center;justify-content:center}.nav-button{background:transparent;border:none;font-size:2rem;cursor:pointer;transition:transform .2s}.nav-button:hover{transform:scale(1.3)}#backArrow{transform:rotate(180deg)}.projects-loader{font-size:34px;color:var(--light)}.projects-error{font-size:34px;color:var(--error)}.projects-empty{font-size:34px;color:var(--warning)}.desktop-cell-container{display:flex;border-radius:20px;padding:18px;color:var(--light);background-color:var(--primary);border:1px solid var(--secondary);box-shadow:0 4px 30px var(--light-shadow)}.desktop-cell-container.desktop{flex-direction:column;align-items:center;min-height:80%;width:90%}.desktop-cell-container.desktop .desktop-video-section{width:100%;margin-bottom:42px;display:flex;justify-content:center;align-items:center}.desktop-cell-container.desktop .desktop-device-frame{width:60%;max-height:250px;aspect-ratio:16/9;border:4px solid var(--dark);border-radius:6px;overflow:hidden;object-fit:cover}.desktop-cell-container.desktop .desktop-cell-content{width:100%;display:flex;flex-direction:column;flex:1;align-items:center}.desktop-cell-container.ios,.desktop-cell-container.android{flex-direction:row;gap:16px;align-items:stretch}.desktop-cell-container.ios .desktop-video-section,.desktop-cell-container.android .desktop-video-section{flex:1;display:flex;align-items:center;justify-content:center}.desktop-cell-container.ios .desktop-device-frame,.desktop-cell-container.android .desktop-device-frame{width:100%;max-width:280px;aspect-ratio:9 / 19.5;border:6px solid var(--dark);overflow:hidden}.desktop-cell-container.ios .desktop-device-frame{border-radius:18px}.desktop-cell-container.android .desktop-device-frame{border-radius:12px}.desktop-device-frame video{width:100%;height:100%;object-fit:cover}.desktop-cell-container.ios .desktop-cell-content,.desktop-cell-container.android .desktop-cell-content{flex:2;display:flex;flex-direction:column;justify-content:space-between}.desktop-cell-content h3{margin:0 0 8px;font-size:28px;font-weight:700}.desktop-date-string{margin:0;font-size:12px;padding:4px 16px;border-radius:16px;color:var(--secondary);background-color:var(--middle);display:inline-block;width:fit-content}.desktop-project-description{font-size:18px;line-height:1.4;margin-bottom:12px;padding:8px;flex:1;color:var(--light)}.desktop-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.desktop-tag{background-color:var(--dark);color:var(--secondary);padding:6px 12px;border-radius:9px;font-size:14px;font-weight:500}.desktop-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:auto}