:root{--bg-color:#050505;--text-color:#e0e0e0;--primary-color:#fff;--border-color:#fff;--font-mono:"JetBrains Mono", monospace;--font-sans:"Space Grotesk", system-ui, sans-serif;--border-width:3px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-mono);line-height:1.6;overflow-x:hidden}::selection{background-color:var(--primary-color);color:var(--bg-color)}h1,h2,h3,h4,h5,h6{color:var(--primary-color);text-transform:uppercase;letter-spacing:-1px;font-weight:700}p{margin-bottom:1rem}a{color:var(--primary-color);text-decoration:none;transition:all .3s}.section-padding{max-width:1200px;margin:0 auto;padding:100px 5%}.navbar{background-color:var(--bg-color);z-index:1000;border:1px solid #fff3;justify-content:space-between;align-items:center;width:90%;padding:1rem 2rem;display:flex;position:absolute;top:20px;left:5%}.logo{font-size:1.2rem;font-weight:400;line-height:1.1;font-family:var(--font-mono);align-items:center;gap:1rem;display:flex}.logo-img{width:auto;height:40px}.nav-links{align-items:center;gap:2rem;display:flex}.nav-links a{align-items:center;font-size:1rem;font-weight:500;display:inline-flex;position:relative}.nav-links a:not(.btn-contact):before{content:"<";opacity:0;margin-right:2px;font-style:normal;transition:opacity .2s}.nav-links a:not(.btn-contact):after{content:">";opacity:0;margin-left:2px;font-style:normal;transition:opacity .2s}.nav-links a:not(.btn-contact):hover:before,.nav-links a:not(.btn-contact):hover:after,.nav-links a.active:not(.btn-contact):before,.nav-links a.active:not(.btn-contact):after{opacity:1}.nav-links a.active:not(.btn-contact),.nav-links a:not(.btn-contact):hover{color:var(--primary-color);font-style:italic}.btn-contact{background-color:var(--primary-color);border:none;padding:.5rem 1.5rem;font-weight:700;position:relative;color:var(--bg-color)!important}.btn-contact:before{content:"";background:linear-gradient(var(--primary-color), var(--primary-color)) top left / 12px 2px no-repeat, linear-gradient(var(--primary-color), var(--primary-color)) top left / 2px 12px no-repeat, linear-gradient(var(--primary-color), var(--primary-color)) top right / 12px 2px no-repeat, linear-gradient(var(--primary-color), var(--primary-color)) top right / 2px 12px no-repeat, linear-gradient(var(--primary-color), var(--primary-color)) bottom left / 12px 2px no-repeat, linear-gradient(var(--primary-color), var(--primary-color)) bottom left / 2px 12px no-repeat, linear-gradient(var(--primary-color), var(--primary-color)) bottom right / 12px 2px no-repeat, linear-gradient(var(--primary-color), var(--primary-color)) bottom right / 2px 12px no-repeat;opacity:0;pointer-events:none;transition:all .3s;position:absolute;inset:-6px;transform:scale(.9)}.btn-contact:hover:before{opacity:1;transform:scale(1)}.btn-contact:hover{background-color:var(--primary-color);color:var(--bg-color)!important}.brutal-btn{border:var(--border-width) solid var(--border-color);color:var(--primary-color);text-transform:uppercase;cursor:pointer;font-weight:700;font-family:var(--font-mono);box-shadow:6px 6px 0px var(--border-color);background:0 0;padding:.8rem 1.5rem;transition:all .2s;display:inline-block}.brutal-btn:hover{background-color:var(--primary-color);color:var(--bg-color);box-shadow:0px 0px 0px var(--border-color);transform:translate(6px,6px)}.brutal-box{border:var(--border-width) solid var(--border-color);background-color:var(--bg-color);box-shadow:10px 10px 0px var(--border-color);padding:2.5rem;transition:transform .2s,box-shadow .2s;position:relative}.brutal-box:hover{box-shadow:6px 6px 0px var(--border-color);transform:translate(4px,4px)}.hero{background-color:var(--bg-color);flex-direction:column;justify-content:flex-end;min-height:100vh;padding-bottom:0;display:flex;position:relative;overflow:hidden}.hero-bg-element{z-index:0;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}#ascii-canvas{mix-blend-mode:screen;opacity:.9;pointer-events:none;width:100%;height:100%;display:block}.hero-content{z-index:1;flex-direction:column;align-items:flex-start;width:100%;margin-bottom:0;padding:0 5%;display:flex;position:relative}.tagline{color:var(--primary-color);letter-spacing:2px;text-transform:uppercase;font-size:1.5rem;font-weight:700;font-family:var(--font-mono);align-self:flex-start;margin-bottom:.5rem}.scramble-container{color:var(--primary-color);text-transform:uppercase;font-size:2rem;font-style:normal;font-weight:800;font-family:var(--font-mono);text-shadow:4px 4px #ffffff26;letter-spacing:-2px;align-self:flex-start;align-items:center;min-height:2.5rem;margin-bottom:1rem;display:flex}.scramble-container .dud{color:#555;opacity:.8}.giant-name{font-family:var(--font-sans);white-space:nowrap;text-transform:none;letter-spacing:-.04em;color:var(--primary-color);margin:0;padding-bottom:1vw;font-size:16vw;font-weight:700;line-height:.85}.section-header{align-items:center;gap:1.5rem;margin-bottom:4rem;display:flex}.section-header h2{white-space:nowrap;font-size:3rem}.section-header .line{height:var(--border-width);background-color:var(--border-color);flex-grow:1}.about-devolio{text-align:center;flex-direction:column;align-items:center;padding-top:4rem;display:flex}.devolio-badge{border:1px solid var(--primary-color);font-family:var(--font-mono);text-transform:uppercase;align-items:center;gap:.5rem;margin-bottom:4rem;padding:.5rem 1.2rem;font-size:1rem;font-weight:700;display:inline-flex}.devolio-heading{letter-spacing:-1px;max-width:900px;margin-bottom:4rem;font-family:Kalam,cursive;font-size:2.8rem;font-weight:400;line-height:1.4}.devolio-heading .cursor{background-color:var(--primary-color);vertical-align:middle;width:15px;height:2.2rem;margin-left:8px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.devolio-card-outer{background-color:var(--primary-color);box-sizing:border-box;width:100%;max-width:1000px;padding:3rem 4rem}.devolio-card-inner{border:1px solid var(--bg-color);text-align:left;padding:2.5rem 3rem}.devolio-card-inner p{color:var(--bg-color);margin-bottom:1.5rem;font-family:Kalam,cursive;font-size:1.5rem;line-height:1.6}.devolio-card-inner p:last-child{margin-bottom:0}.devolio-skills{border-top:1px solid var(--bg-color);height:220px;margin-top:2rem;padding-top:2rem;position:relative;overflow:hidden}.skills-list{margin:0;padding:0;list-style:none}.skills-list li{opacity:0;border:1px solid var(--bg-color);color:var(--bg-color);background-color:var(--primary-color);-webkit-user-select:none;user-select:none;cursor:grab;z-index:10;padding:.5rem 1rem;font-family:Tillana,cursive;font-size:1.1rem;font-weight:400;position:absolute;top:0;left:0}.skills-list li:active{cursor:grabbing}.skills-list li:hover{background-color:var(--bg-color);color:var(--primary-color)}.services-accordion-section{flex-direction:column;align-items:center;display:flex}.services-header-center{flex-direction:column;align-items:center;margin-bottom:3rem;display:flex}.services-badge{margin-bottom:10rem}.services-badge .icon{background-color:var(--primary-color);color:var(--bg-color);margin-right:4px;padding:0 10px;font-weight:700;display:inline-block}.services-main-title{font-family:var(--font-mono);letter-spacing:-1px;text-transform:none;font-size:2.8rem;font-weight:400;line-height:1.4}.services-main-title .cursor{background-color:var(--primary-color);vertical-align:middle;width:15px;height:2.5rem;margin-left:8px;animation:1s step-end infinite blink;display:inline-block}.accordion-outer-container{background-color:var(--primary-color);width:100%;max-width:900px;padding:3rem}.accordion-inner{border:1px solid var(--bg-color);padding:2rem}.accordion-item{border:1px solid var(--bg-color);margin-bottom:1rem}.accordion-item:last-child{margin-bottom:0}.accordion-header{background-color:var(--primary-color);width:100%;color:var(--bg-color);cursor:pointer;text-align:left;border:none;justify-content:space-between;align-items:center;padding:1rem;font-family:Tillana,cursive;font-size:1.3rem;font-weight:600;transition:background-color .2s;display:flex}.accordion-header:hover{background-color:#f0f0f0}.accordion-header .chevron{font-size:1rem;transition:transform .3s}.accordion-header.active .chevron{transform:rotate(180deg)}.accordion-body{background-color:var(--primary-color);max-height:0;color:var(--bg-color);transition:max-height .4s cubic-bezier(.175,.885,.32,1.275);overflow:hidden}.accordion-content{padding:0 1rem 1rem}.accordion-content p{margin:0;font-family:Kalam,cursive;font-size:1.1rem;font-weight:400;line-height:1.7}.bento-projects-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(420px,auto);gap:2rem;display:grid}.projects-header-center{flex-direction:column;align-items:center;margin-bottom:4rem;display:flex}.projects-main-title{text-align:center;text-transform:none;max-width:800px;margin:0;font-family:Kalam,cursive;font-size:2.5rem;font-weight:400;line-height:1.4}.projects-main-title .cursor{background-color:var(--primary-color);vertical-align:middle;width:15px;height:2.5rem;margin-left:8px;animation:1s step-end infinite blink;display:inline-block}.bento-card{-webkit-backdrop-filter:blur(16px);cursor:crosshair;background:#14141466;border:1px solid #ffffff1a;border-color:#fff3 #ffffff1a #ffffff1a #fff3;flex-direction:column;padding:2.2rem;transition:all .4s cubic-bezier(.25,1,.5,1);display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000004d}.bento-card:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(135deg,#ffffff0d 0%,#fff0 100%);position:absolute;inset:0}.bento-card:after{content:"";z-index:0;opacity:0;pointer-events:none;background:radial-gradient(circle,#64c8ff26,#0000 50%),radial-gradient(circle at 80% 20%,#ff64c826,#0000 40%),radial-gradient(circle at 20% 80%,#64ff9626,#0000 40%);transition:opacity .5s;position:absolute;inset:-50%}.bento-card:hover{border-color:#ffffff4d;transform:translateY(-10px);box-shadow:0 15px 45px #00000080,0 0 20px #ffffff1a}.bento-card:hover:after{opacity:1}.bento-large{grid-column:span 2}.bento-bg-num{font-size:20rem;font-family:var(--font-sans);color:#0000;-webkit-text-stroke:2px #ffffff0d;z-index:1;pointer-events:none;font-weight:900;line-height:.8;transition:all .4s;position:absolute;top:-5%;right:-2%}.bento-card:hover .bento-bg-num{-webkit-text-stroke:2px #ffffff26;transform:scale(1.05)translate(-10px,10px)}.bento-content{z-index:2;flex-direction:column;justify-content:space-between;height:100%;display:flex;position:relative}.bento-type-bar{text-transform:uppercase;border-bottom:2px solid #ffffff1a;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;font-family:Kalam,cursive;font-weight:400;transition:all .4s;display:flex}.bento-card:hover .bento-type-bar{border-color:#ffffff4d}.bento-type-badge{color:var(--primary-color);background:#ffffff1a;padding:.2rem .8rem;font-size:.9rem;transition:all .4s}.bento-card:hover .bento-type-badge{background:var(--primary-color);color:var(--bg-color);box-shadow:0 0 10px #ffffff80}.bento-card h3{text-transform:none;letter-spacing:0;margin-bottom:1.5rem;font-family:Tillana,cursive;font-size:3.5rem;font-weight:600;line-height:1}.brutal-tags{flex-wrap:wrap;gap:1rem;margin-bottom:2rem;display:flex}.brutal-tag{text-transform:uppercase;background:#0003;border:1px solid #fff3;padding:.5rem 1rem;font-family:Kalam,cursive;font-size:.9rem;font-weight:400;transition:all .4s}.bento-card:hover .brutal-tag{background:#ffffff0d;border-color:#ffffff80}.brutal-tag:before{content:"[ ";opacity:.5}.brutal-tag:after{content:" ]";opacity:.5}.bento-footer{gap:1.5rem;margin-top:auto;display:flex}.bento-footer .brutal-btn{color:var(--primary-color);box-shadow:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff0d;border:1px solid #fff3;transition:all .4s}.bento-card:hover .bento-footer .brutal-btn{border-color:#fff6}.bento-card:hover .bento-footer .brutal-btn:hover{background:var(--primary-color);color:var(--bg-color);transform:translateY(-2px);box-shadow:0 0 15px #ffffff4d}.contact-container{grid-template-columns:1fr 1.5fr;gap:4rem;display:grid}.contact-info h3{margin-bottom:1.5rem;font-size:2.5rem}.social-links{gap:1rem;margin-top:2rem;display:flex}.brutal-link{padding:.2rem .5rem;font-size:1.1rem;font-weight:700}.brutal-link:hover{background-color:var(--primary-color);color:var(--bg-color)}.contact-form{flex-direction:column;gap:1.5rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{font-size:1rem;font-weight:700}.form-group input,.form-group textarea{border:var(--border-width) solid var(--border-color);color:var(--text-color);font-family:var(--font-mono);resize:vertical;background:0 0;padding:1rem;font-size:1rem}.form-group input:focus,.form-group textarea:focus{background-color:#ffffff0d;outline:none}.submit-btn{align-self:flex-start;margin-top:1rem}.brutal-footer{border-top:var(--border-width) solid var(--border-color);justify-content:space-between;align-items:center;margin-top:4rem;padding:2rem 5%;font-family:Kalam,cursive;font-size:1.5rem;font-weight:700;display:flex}@media (width<=900px){.about-grid,.contact-container,.bento-projects-grid{grid-template-columns:1fr}.bento-large{grid-column:span 1}.bento-header h3{font-size:2.5rem}.bento-actions{flex-direction:column;gap:1rem}.bento-actions .brutal-btn{text-align:center;width:100%}}@media (width<=768px){.nav-links{display:none}.hero-content h1{font-size:3.5rem}}@media (pointer:fine){#cursor-trail-canvas{pointer-events:none;z-index:9999;mix-blend-mode:difference;width:100vw;height:100vh;position:fixed;top:0;left:0}}.glitch{display:inline-block;position:relative}.glitch:before,.glitch:after{content:attr(data-text);background:0 0;width:100%;height:100%;position:absolute;top:0;left:0}.glitch:before{text-shadow:-1px 0 var(--accent-color,#00f0ff);clip:rect(24px, 550px, 90px, 0);animation:3s linear infinite alternate-reverse glitch-anim-2;left:2px}.glitch:after{text-shadow:-1px 0 red;clip:rect(85px, 550px, 140px, 0);animation:2.5s linear infinite alternate-reverse glitch-anim;left:-2px}@keyframes glitch-anim{0%{clip:rect(63px, 9999px, 55px, 0)}5%{clip:rect(38px, 9999px, 86px, 0)}10%{clip:rect(36px, 9999px, 16px, 0)}15%{clip:rect(32px, 9999px, 5px, 0)}20%{clip:rect(4px, 9999px, 91px, 0)}25%{clip:rect(89px, 9999px, 4px, 0)}30%{clip:rect(44px, 9999px, 44px, 0)}35%{clip:rect(27px, 9999px, 45px, 0)}40%{clip:rect(62px, 9999px, 83px, 0)}45%{clip:rect(80px, 9999px, 17px, 0)}50%{clip:rect(86px, 9999px, 20px, 0)}55%{clip:rect(98px, 9999px, 66px, 0)}60%{clip:rect(51px, 9999px, 94px, 0)}65%{clip:rect(31px, 9999px, 95px, 0)}70%{clip:rect(44px, 9999px, 50px, 0)}75%{clip:rect(2px, 9999px, 83px, 0)}80%{clip:rect(61px, 9999px, 21px, 0)}85%{clip:rect(5px, 9999px, 1px, 0)}90%{clip:rect(21px, 9999px, 3px, 0)}95%{clip:rect(8px, 9999px, 40px, 0)}to{clip:rect(100px, 9999px, 40px, 0)}}@keyframes glitch-anim-2{0%{clip:rect(88px, 9999px, 68px, 0)}5%{clip:rect(85px, 9999px, 32px, 0)}10%{clip:rect(28px, 9999px, 41px, 0)}15%{clip:rect(26px, 9999px, 100px, 0)}20%{clip:rect(69px, 9999px, 64px, 0)}25%{clip:rect(78px, 9999px, 64px, 0)}30%{clip:rect(68px, 9999px, 45px, 0)}35%{clip:rect(8px, 9999px, 13px, 0)}40%{clip:rect(9px, 9999px, 1px, 0)}45%{clip:rect(30px, 9999px, 84px, 0)}50%{clip:rect(76px, 9999px, 83px, 0)}55%{clip:rect(59px, 9999px, 63px, 0)}60%{clip:rect(53px, 9999px, 56px, 0)}65%{clip:rect(2px, 9999px, 42px, 0)}70%{clip:rect(51px, 9999px, 66px, 0)}75%{clip:rect(32px, 9999px, 34px, 0)}80%{clip:rect(26px, 9999px, 36px, 0)}85%{clip:rect(86px, 9999px, 20px, 0)}90%{clip:rect(25px, 9999px, 7px, 0)}95%{clip:rect(15px, 9999px, 78px, 0)}to{clip:rect(4px, 9999px, 6px, 0)}}.retro-terminal{border:3px solid var(--primary-color);background-color:var(--bg-color);max-width:1200px;font-family:var(--font-mono);margin:0 auto;box-shadow:10px 10px #ffffff1a}.retro-terminal-header{background-color:var(--primary-color);color:var(--bg-color);border-bottom:3px solid var(--primary-color);justify-content:flex-start;align-items:center;padding:.5rem 1rem;font-weight:700;display:flex}.retro-terminal-header .prompt{letter-spacing:1px;font-family:Tillana,cursive;font-size:1.3rem;font-weight:700}.retro-terminal-body{color:var(--primary-color);padding:2rem}.resume-profile{border:2px solid var(--primary-color);align-items:center;gap:2rem;margin-bottom:1.5rem;padding:1.5rem;display:flex}.resume-avatar{object-fit:cover;border:2px solid var(--primary-color);filter:grayscale()contrast(120%);width:150px;height:150px}.resume-info{flex-direction:column;gap:.5rem;font-family:Kalam,cursive;font-size:1.35rem;font-weight:400;line-height:1.7;display:flex}.resume-info p{margin:0}.resume-experience{border:2px solid var(--primary-color);margin-bottom:1.5rem}.table-header{background-color:var(--primary-color);color:var(--bg-color);text-align:center;letter-spacing:2px;border-bottom:2px solid var(--primary-color);padding:.5rem;font-family:Tillana,cursive;font-size:1.1rem;font-weight:700}.exp-row{border-bottom:2px solid var(--primary-color);justify-content:space-between;padding:1rem 1.5rem;display:flex}.exp-row:last-child{border-bottom:none}.exp-role{letter-spacing:.5px;align-self:center;font-family:Tillana,cursive;font-size:1.2rem;font-weight:700}.exp-details{text-align:right}.exp-company{margin-bottom:.3rem;font-family:Kalam,cursive;font-size:1.05rem;font-weight:600}.exp-date{opacity:.8;font-family:Kalam,cursive;font-size:.95rem}.resume-marquee{border:2px solid var(--primary-color);white-space:nowrap;padding:.8rem;overflow:hidden}.marquee-content{font-weight:700;animation:15s linear infinite marquee-scroll;display:inline-block}@keyframes marquee-scroll{0%{transform:translate(100%)}to{transform:translate(-100%)}}@media (width<=768px){.resume-profile{flex-direction:column;align-items:flex-start}.exp-row{flex-direction:column;gap:.8rem}.exp-details{text-align:left}}.retro-contact-form{flex-direction:column;gap:1.5rem;padding:1rem;display:flex}.retro-form-group{flex-direction:column;gap:.8rem;display:flex}.retro-form-group label{font-size:1.1rem;font-weight:700;font-family:var(--font-mono);text-transform:uppercase}.retro-form-group input,.retro-form-group select,.retro-form-group textarea{background-color:var(--bg-color);color:var(--primary-color);border:2px solid var(--primary-color);font-family:var(--font-mono);box-sizing:border-box;outline:none;width:100%;padding:1rem;font-size:1rem;transition:all .2s}.retro-form-group input:focus,.retro-form-group select:focus,.retro-form-group textarea:focus{background-color:var(--primary-color);color:var(--bg-color)}.retro-form-group input::placeholder,.retro-form-group textarea::placeholder{color:var(--primary-color);opacity:.6}.retro-form-group input:focus::placeholder,.retro-form-group textarea:focus::placeholder{color:var(--bg-color);opacity:.8}.retro-submit-btn{background-color:var(--primary-color);color:var(--bg-color);border:2px solid var(--primary-color);font-weight:700;font-family:var(--font-mono);text-transform:uppercase;cursor:pointer;margin-top:1rem;padding:1rem;font-size:1.2rem;transition:all .2s}.retro-submit-btn:hover{background-color:var(--bg-color);color:var(--primary-color);box-shadow:5px 5px #fff3}.retro-error{font-family:var(--font-mono);color:#ff4d4d;background:#ff4d4d14;border-left:3px solid #ff4d4d;padding:.4rem .8rem;font-size:.9rem;animation:.25s errorFadeIn;display:none}.retro-error:before{content:"> ";opacity:.7}.retro-error.visible{display:block}.retro-form-group input.input-error,.retro-form-group textarea.input-error{border-color:#ff4d4d;box-shadow:0 0 8px #ff4d4d40}.retro-form-group input.input-success,.retro-form-group textarea.input-success{border-color:#4dff91}.retro-form-success{font-family:var(--font-mono);color:#4dff91;text-align:center;letter-spacing:1px;background:#4dff910d;border:1px solid #4dff91;margin-top:.5rem;padding:1rem;font-size:1rem;display:none}.retro-form-success.visible{display:block}@keyframes errorFadeIn{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}