@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Montserrat,Inter,sans-serif;color:var(--white)}:root{--red: crimson;--background: #080f0f;--accent: #0c1616;--white: #e5e9ec;--navy-blue-color: #1a237e;--text-dark:#1e1e1e;--text-light:#f1f1f1}body{background-color:var(--background)}.red{color:var(--red)}ul{display:flex;align-items:center}.btn{background-color:var(--red);color:var(--white);padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;border:none;font-size:1rem;font-weight:600;transition:background-color .3s}.flip{display:inline-block;text-align:right;margin:0;-moz-transform:scaleX(-1);-o-transform:scaleX(-1);-webkit-transform:scaleX(-1);transform:scaleX(-1);filter:FlipH;-ms-filter:“FlipH”}.mb-1{margin-bottom:1rem}.fade{font-size:20rem;color:#0c1616;font-weight:100}.shift-up{margin-top:-12rem}.inner-page{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 1rem;height:calc(100vh - 80px);position:relative;gap:6rem}.flex{display:flex;width:100%;gap:20px}::selection{background-color:var(--red);color:var(--white)}@media only screen and (max-width:768px){.fade{font-size:4.5rem}.shift-up{margin-top:-4rem}.shift-up>h2{font-size:3rem;margin-top:-1rem}}.home{display:flex;align-items:center;justify-content:space-around;height:calc(100vh - 80px);width:80%;margin:0 auto}.home-left{display:flex;flex-direction:column;align-items:center;justify-content:center;width:50%;line-height:4rem;font-size:1.5rem}.home-right{display:flex;flex-direction:column;justify-content:center;width:50%}.home-right h1{font-size:3rem;font-weight:600}.home-right h3{font-size:1.3rem;font-weight:400}.home-right h2{font-size:2rem;font-weight:500;margin-bottom:2rem}.gradient{background:-webkit-linear-gradient(180deg,#c45d5d,#e02424);background-clip:border-box;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.home-socials{display:flex;gap:1rem;font-size:1.5rem;margin-top:2rem}.home-right-btn{margin-top:2rem;background-color:var(--red);color:var(--white);padding:.5rem 1rem;border-radius:.5rem;width:fit-content;cursor:pointer;border:none;font-size:1rem;font-weight:600;transition:background-color .3s;text-decoration:none}.side-effect{font-size:8rem;color:#0c1616}.mt{margin-top:50px}@media only screen and (max-width:768px){.home{flex-direction:column;height:calc(100vh - 80px)}.home-left{width:100%;text-align:center;position:absolute;opacity:.5}.home-right{width:100%;text-align:center;z-index:1}.home-right h1{font-size:3rem}.home-right h3{font-size:1rem}.home-right h2{font-size:1.5rem}.home-socials{font-size:1rem}.home-right-btn{font-size:.8rem}}.about{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 1rem;height:calc(100vh - 80px);position:relative;gap:6rem}.shift-up>h4{font-weight:100;margin-bottom:1rem;text-transform:uppercase}.shift-up>h2{font-weight:500;margin-bottom:2rem;font-size:4rem}.about-bottom{width:75%;line-height:2.5rem;font-size:1.3rem;font-weight:500;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4rem}.stack{width:100%}@media only screen and (max-width:768px){.about{gap:3rem}.shift-up>h2{font-size:3rem}.about-bottom{font-size:1rem;line-height:1.3rem;font-weight:400}.about-bottom{width:80%}}.tech-stack-marquee{width:100%;overflow:hidden}.tech-stack-container{display:inline-flex;animation:scroll 20s linear infinite}.tech-stack-item{flex:0 0 auto;margin-right:20px;display:flex;flex-direction:column;align-items:center}.tech-name{margin-top:8px;font-size:.9rem;color:#333}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media only screen and (max-width:768px){.tech-stack-marquee{width:100%;overflow:hidden}.tech-stack-container{display:inline-flex;animation:scroll 20s linear infinite}.tech-stack-item{flex:0 0 auto;margin-right:20px;display:flex;flex-direction:column;align-items:center;height:3.5rem}}.footer-problem{display:flex;flex-direction:column;min-height:100vh}.slide-in{position:fixed;top:0;left:0;width:100%;height:100vh;background:var(--red);transform-origin:bottom}.slide-out{position:fixed;top:0;left:0;width:100%;height:100vh;background:var(--red);transform-origin:top}.transition-text{position:fixed;top:0;left:0;width:100%;height:100vh;transform-origin:top;transform:translate(-50%,-50%);color:var(--accent);font-size:10rem;text-align:center;line-height:1}nav{display:flex;justify-content:space-between;align-items:center;padding:0 8rem;font-size:1.2rem;height:80px}nav a{text-decoration:none}.nav-logo{font-size:2rem;font-weight:700}.nav-center>ul{display:flex}.nav-center>ul>li{list-style:none;margin-right:2rem;text-decoration:none}.nav-center>ul>li>a{color:var(--white);text-decoration:none}.hamburger{display:none;flex-direction:column;cursor:pointer;gap:5px;padding:.5rem;z-index:1001}.hamburger span{height:3px;width:25px;background:var(--white);border-radius:2px}@media only screen and (max-width:768px){nav{padding:0 2rem;flex-direction:row;justify-content:space-between}.hamburger{display:flex}.nav-center{position:absolute;top:80px;left:0;width:100%;background-color:var(--background);display:none;flex-direction:column;align-items:center;padding:1rem 0;box-shadow:0 4px 8px #0000001a;z-index:1000;transition:all .3s ease-in-out;height:100vh}.nav-center.open{display:flex}.nav-center ul{margin-top:100px;flex-direction:column;gap:3rem}.nav-center ul li{margin:0}.btn{margin-top:1rem}}.nav-fixed{position:fixed;top:0;left:0;width:100%;background:var(--background);z-index:1000}.nav-spacer{height:80px}.nav-fixed{animation:slideDown .3s ease forwards}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.nav-center a{position:relative}.nav-center a.active-link:after{content:"";position:absolute;top:40%;left:-10px;width:6px;height:6px;background:var(--red);border-radius:50%;transform:translate(-50%)}.contact-bottom{display:flex;justify-content:space-between;margin-top:20px;width:60%;gap:50px;padding:10px}.contact-bottom-left{width:30%;display:flex;flex-direction:column;justify-content:space-between}.contact-bottom-right{flex:1}.contact-box{text-align:left;padding:10px 20px;border:none;border-radius:8px;background-color:var(--accent)}.contact-box:hover{background-color:var(--red)}.contact-box h3{margin-bottom:10px;font-size:1.2rem}.contact-box p{font-size:1rem;color:var(--white)}.contact-form{display:flex;align-items:center;justify-content:space-between;flex-direction:column;gap:20px}input,textarea{width:100%;padding:10px;border:none;border-radius:8px;color:var(--white);font-weight:600;font-size:1.2rem;background-color:var(--accent);outline:none}input::placeholder,textarea::placeholder{color:var(--white);font-weight:600;font-size:1.2rem}.contact-form textarea{resize:vertical}.submit-btn{padding:10px 20px;border:none;border-radius:8px;background-color:var(--red);color:var(--white);font-size:1.2rem;font-weight:600;cursor:pointer;width:100%}.contact-bottom-left a{text-decoration:none;color:var(--white)}@media only screen and (max-width:768px){.inner-page{gap:10px}.contact-bottom{flex-direction:column;width:100%}.contact-bottom-left{gap:10px;width:100%}.contact-bottom-right{width:100%}}.services-bottom{display:flex;flex-direction:column;justify-content:space-around;align-items:flex-start;margin-top:2rem}.main-services-top{display:flex;gap:20px}.main-service{cursor:pointer;padding:1rem;margin-bottom:1rem;transition:background-color .3s ease}.main-service:hover{background-color:var(--red)}.main-service.active{background-color:var(--red);color:var(--white)}.sub-services{background-color:var(--accent);width:100%;padding:20px;text-align:left}.sub-services-list{border-left:2px solid var(--red);padding-left:1rem}.sub-service{margin-bottom:1rem}.sub-service h4{margin-bottom:.5rem;color:var(--red)}.sub-service p{color:var(--white)}.bottom-drawer{position:fixed;bottom:0;left:0;width:100%;background:var(--accent);box-shadow:0 -4px 10px #0000001a;border-radius:12px 12px 0 0;padding:20px;max-height:60vh;overflow-y:auto}.drawer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.drawer-header button{background:#ff4d4d;border:none;padding:5px 10px;color:#fff;border-radius:5px;cursor:pointer}@media only screen and (max-width:768px){.services-bottom{align-items:center;margin-top:-5rem}.main-services-top{flex-direction:column;gap:0rem}.main-service{font-size:.8rem;width:100%;margin-bottom:.5rem}}.portfolio-bottom{display:flex;justify-content:center;align-items:flex-start;margin-top:2rem}.portfolio-items{display:flex;gap:2rem;width:80%}.portfolio-item{flex:1;background-color:var(--accent);border-radius:8px;overflow:hidden;box-shadow:0 4px 8px #0000001a;transition:transform .3s ease}.portfolio-item:hover{transform:translateY(-5px)}.portfolio-item img{width:100%;object-fit:cover}.portfolio-item-content{padding:1rem}.portfolio-item-content h3{margin-top:0;margin-bottom:2rem;height:3rem}.portfolio-item-content p{color:#666;margin-bottom:1rem}.portfolio-item-content a{display:inline-block;background-color:var(--background);color:#fff;padding:.5rem 1rem;text-decoration:none;border-radius:4px;transition:background-color .3s ease}.portfolio-item-content a:hover{background-color:var(--red)}.more-works{flex:1;padding:1rem;display:flex;align-items:center;justify-content:center;background-color:var(--accent);border-radius:8px;transition:transform .3s ease}.more-works:hover{transform:translateY(-5px)}@media only screen and (max-width:768px){.portfolio-items{flex-direction:column;gap:1rem}.portfolio-item{width:100%}.more-works{width:100%;margin-bottom:20px}}.footer{margin-top:auto;text-align:center}.copyleft{display:inline-block;text-align:right;margin:0;-moz-transform:scaleX(-1);-o-transform:scaleX(-1);-webkit-transform:scaleX(-1);transform:scaleX(-1);filter:FlipH;-ms-filter:“FlipH”}.hire-me-page{padding:2rem 5%;max-width:800px;margin:0 auto;text-align:center}.hire-me-page h1{font-size:2.5rem;margin-bottom:.5rem}.hire-me-page p{margin-bottom:2rem}.btn{background-color:var(--red);color:#fff;padding:.75rem 1.5rem;border:none;border-radius:6px;cursor:pointer;font-size:1rem;margin-top:1rem;transition:background .3s;text-decoration:none}.btn:hover{background-color:var(--accent)}.skills-list{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;list-style:none;padding:0;margin-top:1rem}.skills-list li{background:var(--red);padding:.5rem 1rem;border-radius:5px}.contact-form{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.contact-form input,.contact-form textarea{width:100%;padding:.75rem;border:1px solid #ccc;border-radius:5px}.direct-contact{margin-top:2rem;font-size:.95rem}.direct-contact a{color:#07c;text-decoration:none}.direct-contact a:hover{text-decoration:underline}.positions-head{margin:32px 0 20px;font-size:1.5rem;font-weight:600;color:#fff}.job-card{position:relative;width:100%;display:flex;flex-direction:column;gap:12px;padding:20px 24px;border-radius:16px;background:#fff;text-decoration:none;color:inherit;border:1px solid #eee;transition:border-color .2s ease,transform .2s ease}.job-card:hover{border-color:#ddd;transform:translateY(-1px)}.job-icon-circle{width:44px;height:44px;border-radius:50%;background:#551a8b1f;display:flex;align-items:center;justify-content:center}.job-card h3{margin:0;font-size:20px;font-weight:600;line-height:1.3;color:#111}.job-desc{font-size:14px;color:#444;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-mask-image:linear-gradient(to bottom,black 80%,transparent);mask-image:linear-gradient(to bottom,black 80%,transparent)}.job-date{position:absolute;top:20px;right:24px;font-size:13px;color:#888}.job-card hr{border:none;border-top:1px solid #eee;margin:8px 0}.job-flex{display:flex;align-items:center;justify-content:space-between;gap:12px}.job-flex p{font-size:1.1rem;font-weight:500;color:#333}.job-pill.open{padding:8px 14px;font-size:14px;font-weight:500;background:#111;color:#fff;border-radius:999px;white-space:nowrap}@media(max-width:600px){.job-card{padding:18px;border-radius:20px;gap:10px}.job-icon-circle{width:40px;height:40px}.job-card h3{font-size:18px;line-height:1.25}.job-desc{-webkit-line-clamp:2;font-size:14px}.job-date{position:static;font-size:12px;margin-top:4px;color:#888}.job-pill.open{align-self:stretch;text-align:center;padding:12px 20px;font-size:15px}}.closed-jobs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.closed-job-card{padding:20px;border-radius:16px;background:#fafafa;border:1px solid #eee;opacity:.75;pointer-events:none}.closed-job-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.closed-job-details{margin:8px 0q;display:flex;align-items:center;justify-content:space-between;gap:10px}.job-date-closed{font-size:.7rem;color:#551a8b}.closed-job-title{margin:0;font-size:16px;font-weight:600;color:#111}.closed-job-status{padding:4px 10px;font-size:12px;border-radius:999px;background:#e5e5e5;color:#555;white-space:nowrap}.closed-job-location{font-size:14px;color:#666}.closed-job-desc{margin:8px 0 0;font-size:14px;color:#555;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.careers-page{min-height:100vh;padding:4rem 15rem}.careers-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:64px;align-items:start}.careers-title{font-size:32px;margin-bottom:8px}.careers-subtitle{color:#6b7280;margin-bottom:32px}.careers-apply{position:sticky;top:80px}@media(max-width:900px){.careers-layout{grid-template-columns:1fr}.careers-apply{position:static;margin-top:48px}.careers-page{padding:20px}}.Luce-form{width:400px;padding:40px;background:radial-gradient(120% 120% at 50% 0%,rgba(17,17,24,.08),transparent 60%),#080f0f;border:1px solid rgba(148,163,184,.35);border-radius:8px}.Luce-form h2{color:#f8fafc;letter-spacing:.2px;font-size:1.35rem;font-weight:500;margin-bottom:1rem;line-height:38px}.Luce-form .success{color:#86efac;font-size:.95rem}.Luce-form form{display:grid;gap:.9rem}.Luce-form input[type=text],.Luce-form input[type=email],.Luce-form input[type=file],.Luce-form select,.Luce-form textarea{width:100%;padding:15px 20px;outline:none;background:#080f0f;color:#e5e7eb;font-size:.9rem;border-radius:.6rem;border:1px solid rgba(148,163,184,.35);transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.Luce-form ::placeholder{color:#94a3b8;font-weight:400;font-size:.9rem}.Luce-form input:focus,.Luce-form select:focus,.Luce-form textarea:focus{outline:none;border-color:#6366f1cc;box-shadow:0 0 0 2px #6366f140;background:#060914d9}.Luce-form select{-webkit-appearance:none;-moz-appearance:none;appearance:none;color-scheme:dark;background-image:linear-gradient(45deg,transparent 50%,#94a3b8 50%),linear-gradient(135deg,#94a3b8 50%,transparent 50%);background-position:calc(100% - 18px) calc(50% - 3px),calc(100% - 13px) calc(50% - 3px);background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:2.2rem}.Luce-form select option{background:#080f0f;color:#e5e7eb}.Luce-form input[type=file]{background:#080f0f;font-size:1rem}.Luce-form textarea{resize:none}.Luce-form .error{color:#fca5a5;font-size:.85rem}.Luce-form .file-field{display:grid;gap:.35rem}.Luce-form .file-field label{font-size:1rem;color:#cbd5f5;letter-spacing:.2px}.Luce-form .file-hint{font-size:.75rem;color:#94a3b8}.Luce-form .upload-btn{display:inline-flex;align-items:center;justify-content:center;padding:.6rem .9rem;font-size:.85rem;font-weight:500;color:#e5e7eb;background:#080f0f;border:1px dashed rgba(148,163,184,.5);border-radius:.6rem;cursor:pointer;transition:background .15s ease,border-color .15s ease}.Luce-form .upload-btn:hover{background:#020617e6;border-color:#6366f1b3}@media(max-width:480px){.Luce-form{padding:1.5rem 1.2rem;width:auto;border-radius:8px}.Luce-form h2{font-size:1.1rem}}.job-detail{max-width:1200px;margin:0 auto;padding:48px 20px 64px}.job-detail-loading{padding:40px;text-align:center;color:#666}.job-detail-header{margin-bottom:32px}.job-detail-header h1{margin:8px 0;font-size:2rem;font-weight:700;line-height:1.2;color:#e9e6e6}.job-meta{font-size:.8rem;color:#bdbaba;font-weight:400}.job-status{display:inline-block;padding:6px 12px;font-size:12px;border-radius:999px;font-weight:500}.job-status.open{background:#4b0513;color:#dc143c;font-size:.9rem;font-weight:500}.job-status.closed{background:#eee;color:#666}.job-detail-content{margin-bottom:40px;max-width:680px}.job-detail-content h2{margin-bottom:12px;font-size:1.5rem;font-weight:600;color:#f8f8f8}.job-detail-content p{font-size:1rem;line-height:1.7;color:#ececec;white-space:pre-line}.job-detail-action{padding-top:24px}.job-closed-note{font-size:14px;color:#ececec}.jobdetails{display:flex;justify-content:space-between;gap:40px}@media(max-width:600px){.job-detail{padding:32px 16px 48px}.job-detail-header h1{font-size:24px}.job-detail-content p{font-size:14px}}.job-meta{display:flex;align-items:center;gap:6px;font-size:15px;color:#ececec}.job-meta-location{font-weight:500;color:#ececec}.job-meta-separator,.job-meta-date{color:#ececec}@media(max-width:600px){.job-meta{flex-wrap:wrap;font-size:14px}.jobdetails{flex-direction:column}}@media(min-width:1024px){.Luce-form{position:sticky;top:120px}}.job-desc-full h3{line-height:30px;margin-bottom:12px}.job-desc-full{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.7;color:#1f2937;max-width:100%}.job-desc-full h1,.job-desc-full h2,.job-desc-full h3,.job-desc-full h4,.job-desc-full h5,.job-desc-full h6{font-weight:600;line-height:1.4;margin-top:1.8em;margin-bottom:.6em;color:var(--text-light)}.job-desc-full h1{font-size:2rem}.job-desc-full h2{font-size:1.6rem}.job-desc-full h3{font-size:1.3rem}.job-desc-full h4{font-size:1.1rem}.job-desc-full h5{font-size:1rem}.job-desc-full h6{font-size:.95rem;color:#c8ccd1}.job-desc-full p{margin:.75em 0}.job-desc-full strong{font-weight:600;color:var(--text-light)}.job-desc-full em{font-style:italic}.job-desc-full del{text-decoration:line-through}.job-desc-full a{color:#2563eb;text-decoration:underline;text-underline-offset:3px}.job-desc-full a:hover{color:#1e40af}.job-desc-full ul,.job-desc-full ol{padding-left:1.5rem;margin:.75em 0}.job-desc-full ul{list-style-type:disc;display:block}.job-desc-full ol{list-style-type:decimal}.job-desc-full li{margin:.4em 0}.job-desc-full blockquote{margin:1em 0;padding:.75em 1em;border-left:4px solid #d1d5db;background-color:#f9fafb;color:#374151}.job-desc-full code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.95em;background-color:#f3f4f6;padding:.2em .4em;border-radius:4px}.job-desc-full pre{background-color:#0f172a;color:#e5e7eb;padding:1em;border-radius:8px;overflow-x:auto;margin:1em 0}.job-desc-full pre code{background:none;padding:0;color:inherit}.job-desc-full hr{border:none;border-top:1px solid #e5e7eb;margin:2em 0}.job-desc-full img{max-width:100%;height:auto;border-radius:6px;margin:1em 0}.job-desc-full table{width:100%;border-collapse:collapse;margin:1em 0;font-size:.95rem}.job-desc-full th,.job-desc-full td{border:1px solid #e5e7eb;padding:.6em .75em;text-align:left}.job-desc-full th{background-color:#f3f4f6;font-weight:600}.job-desc-full small{font-size:.875rem;color:#6b7280}
