.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:8px;box-shadow:0 10px 40px #0003;max-width:500px;width:90%;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #eee}.modal-header h2{margin:0;font-size:24px;font-weight:600;color:#333}.modal-close{background:none;border:none;font-size:28px;cursor:pointer;color:#666;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.modal-close:hover{background-color:#f0f0f0;color:#333}.modal-form{padding:24px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#333;font-size:14px}.form-group input,.form-group textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:6px;font-size:14px;font-family:inherit;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.form-group input:disabled,.form-group textarea:disabled{background-color:#f5f5f5;cursor:not-allowed}.form-group textarea{resize:vertical;min-height:120px}.error-message{color:#dc3545;font-size:14px;margin-bottom:16px;padding:12px;background-color:#f8d7da;border-radius:4px;border-left:4px solid #dc3545}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.btn-primary,.btn-secondary{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;border:none;transition:all .2s ease}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover:not(:disabled){background-color:#0056b3;transform:translateY(-2px);box-shadow:0 4px 12px #007bff4d}.btn-primary:disabled{background-color:#ccc;cursor:not-allowed}.btn-secondary{background-color:transparent;color:#666;border:1px solid #ddd}.btn-secondary:hover:not(:disabled){background-color:#f5f5f5;border-color:#999}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 600px){.modal-content{width:95%}.modal-header,.modal-form{padding:16px}.modal-header h2{font-size:20px}.modal-actions{flex-direction:column-reverse}.btn-primary,.btn-secondary{width:100%}}@font-face{font-family:Oldschool Grotesk;src:url(/assets/Oldschool%20Grotesk%20Light-C9MX-PYe.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Oldschool Grotesk;src:url(/assets/Oldschool%20Grotesk%20Regular-ygZr5f8S.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Oldschool Grotesk;src:url(/assets/Oldschool%20Grotesk%20Medium-lvGAihJd.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Oldschool Grotesk;src:url(/assets/Oldschool%20Grotesk%20Heavy-CWNxl82Z.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}*{box-sizing:border-box;padding:0%;margin:0%;text-decoration:none}:root{--bg: #f5f5f5;--text: #000}body{-ms-overflow-style:none;scrollbar-width:none}html{scroll-behavior:smooth}body{background:var(--bg);font-family:Oldschool Grotesk}.container{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;font-size:10px;font-family:Oldschool Grotesk;padding:4em 2em;background:var(--bg);-ms-overflow-style:none;scrollbar-width:none}::-webkit-scrollbar{display:none}.container .home{width:1200px}.container .home header{display:flex;width:100%;min-height:400px;justify-content:space-between;align-items:flex-end;position:relative}.container .home header .txt{width:45%}.container .home header h1{color:var(--text);font-size:6em;letter-spacing:-2px}.container .home header p{color:var(--text);font-size:1.8em;font-weight:300;margin:1em 0 .5em}.container .home header p.stack{font-size:1.4em;font-weight:450;margin-top:2em}.container .home header .btn{background:var(--text);color:var(--bg);font-size:1.4em;padding:.8em 1.5em;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;border-radius:5px;z-index:10;float:right}.container .home header .plus{display:flex;flex-direction:column;margin-bottom:2em}.container .home header .icon{color:var(--text);font-size:6em}.container .home header .bulb{color:var(--text);position:absolute;top:0%;right:0%;width:3em;height:3em;cursor:pointer}.container .home section{width:100%;margin:8em auto 1em}.container .home .portfolio h1{color:var(--text);font-size:8em;margin-top:.5em}.container .home .portfolio .rows{width:100%;display:flex;flex-direction:column;gap:8em;margin-top:8em}.container .home .portfolio .box{width:100%;min-height:500px;display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:2em;position:relative}.container .home .portfolio .box .txt{width:45%}.container .home .portfolio .box img{object-fit:contain;width:50%;height:500px}.container .home .portfolio .box .txt h2{color:var(--text);font-size:3em}.container .home .portfolio .box .txt p{color:var(--text);font-weight:300;white-space:1px;font-size:1.8em;margin:1em 0;line-height:25px}.container .home .portfolio .box .txt .linksCont{width:100%;display:flex;justify-content:space-between;align-items:center;gap:1em;margin-top:2em}.container .home .portfolio .box .txt .link{color:var(--text);font-size:1.8em;display:block}.container .home .portfolio .box .txt .link p{color:var(--text);font-size:1em;font-weight:350;letter-spacing:-.6px;margin:0}.container .home .portfolio .box .txt .link h3{display:block;text-align:left}.container .home .portfolio .box .txt .btn{background:var(--text);color:var(--bg);font-size:1.4em;padding:.8em 1.5em;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;border-radius:5px;z-index:10;border:2px solid var(--text)}.container .home .portfolio .box .txt .btn:hover{background:transparent;color:var(--text)}.container .home .hireme{width:100%;min-height:50vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4em}.container .home .hireme h1{font-size:10em;text-align:center}.container .home .hireme .btn{background:var(--text);color:var(--bg);font-size:1.4em;padding:.8em 1.5em;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;border-radius:5px;z-index:10;cursor:pointer;border:2px solid var(--text)}.container .home .hireme .btn:hover{background:transparent;color:var(--text)}.container footer{width:100%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:4em;margin-bottom:5em;gap:4em}.container footer a{color:var(--text);font-size:2em;font-weight:600}.container footer ul{display:flex;align-items:center;justify-content:center;gap:4em}.container footer ul li{list-style:none;color:var(--text)}.container footer ul li a{text-decoration:underline;color:var(--text);font-size:2em}@media (max-width: 768px){.container .home{width:100%}.container .home header{flex-direction:column;padding-top:5em}.container .home header .txt{width:100%}.container .home header h1{font-size:4em}.container .home header p{font-size:1.4em;width:100%}.container .home header .btn{float:none;margin-top:1em}.container .home header .icon{font-size:4em}.container .home header .bulb{width:3em;height:3em}.container .home section{width:100%;margin:4em auto 1em}.container .home .portfolio h1{font-size:4em}.container .home .portfolio .rows{width:100%;display:flex;flex-direction:column;gap:10em;margin-top:4em}.container .home .portfolio .box{gap:2em}.container .home .portfolio .box .txt,.container .home .portfolio .box img{width:100%}.container .home .portfolio .box .txt h2{font-size:2em}.container .home .portfolio .box .txt p{font-size:1.4em}.container .home .portfolio .box .txt .link{font-size:1.2em;bottom:-7%;left:0%;transform:translate(0)}.container .home .hireme{width:100%;min-height:30vh}.container .home .hireme h1{font-size:4em;text-align:center}.container .home .hireme .btn:hover{background:transparent;color:var(--text)}}