:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--header-height: 80px;--logo-gradient1: #f8efd4;--logo-gradient2: #b0b0b0;--logo-gradient3: #f8efd4;--logo-gradient4: #fff8dc;--logo-shadow1: #b0b0b0;--logo-shadow2: #fff8dc;--color-bg-dark: #18191a;--color-bg-light: #f8efd4;--color-text-dark: #f8efd4;--color-text-light: #18191a;--spotlight: rgba(248, 239, 212, .12);--nav-link-color-dark: #f8efd4;--nav-link-color-light: #18191a;--icon-color-dark: #f8efd4;--icon-color-light: #18191a;--icon-size: 2.2rem;--skill-bg-dark: #111112;--skill-bg-light: #e0dcc7;--scrollbar-thumb: #444;--scrollbar-thumb-hover: #666}.app-root.light{--logo-gradient1: #232323;--logo-gradient2: #646464;--logo-gradient3: #232323;--logo-gradient4: #b0b0b0;--logo-shadow1: #646464;--logo-shadow2: #b0b0b0;--nav-link-color: var(--nav-link-color-light);background:var(--color-bg-light);color:var(--color-text-light);--spotlight: rgba(24, 25, 26, .12);--icon-color: var(--icon-color-light);--skill-bg: var(--skill-bg-light);--scrollbar-thumb: #b0b0b0;--scrollbar-thumb-hover: #888}.app-root:not(.light){--nav-link-color: var(--nav-link-color-dark);--icon-color: var(--icon-color-dark);--skill-bg: var(--skill-bg-dark)}body,.app-root{overflow-x:hidden}a{font-weight:500;text-decoration:inherit;color:var(--nav-link-color)}body{margin:0;min-width:320px;min-height:100vh}h1,h2,h3,h4,h5,h6,p{color:var(--nav-link-color)}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}html{scroll-behavior:smooth}header{display:flex;align-items:center;justify-content:space-between;gap:0;height:var(--header-height);min-height:60px;width:100%;background:transparent;position:static;padding:0 32px;box-sizing:border-box}.main-content{display:flex;margin-top:var(--header-height);width:100%;box-sizing:border-box}main{padding:0 32px;box-sizing:border-box}.logo-container{display:inline-flex;align-items:center;justify-content:center;height:auto;width:auto;min-width:0;min-height:0;padding:0;margin:0;border:none;background:none;cursor:pointer;font-family:Big Shoulders Stencil Display,cursive;font-size:30px;transition:opacity .4s,transform .7s cubic-bezier(.68,-.55,.27,1.55);color:var(--icon-color)}.logo-animated{display:inline-block;background:linear-gradient(270deg,var(--logo-gradient1),var(--logo-gradient2),var(--logo-gradient3),var(--logo-gradient4));background-size:400% 400%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 12px var(--logo-shadow1),0 1px 2px var(--logo-shadow2);animation:gradient-move 2.5s linear infinite;font-size:inherit}.app-root.light .logo-container{color:var(--icon-color-light)}.app-root:not(.light) .logo-container{color:var(--icon-color-dark)}.theme-toggle{font-size:2rem;background:none;border:none;box-shadow:none;outline:none;color:var(--icon-color);cursor:pointer;transition:color .2s;margin:0;padding:0;width:2.4rem;height:2.4rem;display:flex;align-items:center;justify-content:center}.app-root.light .theme-toggle{color:var(--icon-color-light)}.app-root:not(.light) .theme-toggle{color:var(--icon-color-dark)}.logo-full,.logo-initials{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:4px;font-family:Big Shoulders Stencil Display,cursive;font-size:30px;transition:opacity .4s,transform .7s cubic-bezier(.68,-.55,.27,1.55);pointer-events:none;background:linear-gradient(270deg,var(--logo-gradient1),var(--logo-gradient2),var(--logo-gradient3),var(--logo-gradient4));background-size:400% 400%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-move 2.5s linear infinite;text-shadow:0 2px 12px var(--logo-shadow1),0 1px 2px var(--logo-shadow2)}@keyframes gradient-move{0%{background-position:0% 50%}to{background-position:100% 50%}}.logo-full{opacity:1}.logo-initials,.logo-container.toggled .logo-full{opacity:0;transform:rotateY(180deg) scale(.7)}.logo-container.toggled .logo-initials{opacity:1;transform:rotateY(0) scale(1)}.logo-container:focus,.logo-container:focus-visible{outline:none;box-shadow:none}.theme-toggle:focus,.theme-toggle:focus-visible{outline:none;box-shadow:none}.about{column-gap:28px;max-width:1000px;min-width:260px;min-height:400px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;margin-left:0;margin-bottom:100px;row-gap:50px}.hire{background-color:#dfadad;border-radius:16px;border:1px solid #2f1717;width:190px;margin-left:30px}.cont{perspective:800px;grid-column:span 2;justify-self:center;margin-left:-300px;margin-top:50px}@media (max-width: 700px){.about{grid-template-columns:1fr 1fr}.cont{margin-left:0;justify-self:center;margin-bottom:30px}.hire{justify-self:center}.abt,.ara-img-stack{margin-left:20px}}.cube{width:100px;height:100px;position:relative;transform-style:preserve-3d;animation:rotate 6s infinite linear}.face{position:absolute;width:100px;height:100px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.front{transform:translateZ(50px)}.back{transform:translateZ(-50px) rotateY(180deg)}.right{transform:rotateY(90deg) translateZ(50px)}.left{transform:rotateY(-90deg) translateZ(50px)}.top{transform:rotateX(90deg) translateZ(50px)}.bottom{transform:rotateX(-90deg) translateZ(50px)}@keyframes rotate{0%{transform:rotateX(0) rotateY(0)}to{transform:rotateX(360deg) rotateY(360deg)}}.ara-img-stack{position:relative;width:220px;height:320px}.ara-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;border-radius:16px;box-shadow:none;opacity:0;pointer-events:none;transition:opacity .5s cubic-bezier(.68,-.55,.27,1.55);z-index:1;margin-top:20px}.ara-img.visible{opacity:1;pointer-events:auto;z-index:2}.abt{flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;margin-top:60px;grid-column:span 2}.abt h2{font-size:2.2rem;margin-bottom:1rem}.abt p{font-size:1.15rem;line-height:1.7;margin:0}.about-icons{display:flex;gap:18px;margin-bottom:1.2rem;height:30px}.about-icons svg{color:var(--icon-color);font-size:var(--icon-size);transition:color .2s,font-size .2s,transform .2s;cursor:pointer}.about-icons svg:hover{font-size:2.5rem;transform:translateY(-2px) scale(1.18) rotate(-2deg)}.skill-sec{min-height:calc(100vh - (var(--header-height) + 32px));padding-top:10px;padding-left:0;margin:0}.skillsHeading{text-align:left;margin-bottom:2rem;margin-top:50px;margin-left:0}.skillsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-auto-rows:1fr;gap:18px;align-items:stretch;background:transparent;border-radius:18px;padding:16px 8px;max-width:1000px;margin:0 0 48px}.projctSec h2{margin:0 0 16px}.px-carousel{position:relative;width:100%;min-height:420px;perspective:1000px;display:grid;grid-template-columns:48px 1fr 48px;align-items:center;gap:8px;margin-bottom:120px;margin-top:100px}.px-nav{background:transparent;color:var(--nav-link-color);font-size:2rem;border:none;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5}.px-nav:focus,.px-nav:focus-visible{outline:none;box-shadow:none}.px-nav:hover{border-color:transparent}.px-nav.prev{grid-column:1}.px-nav.next{grid-column:3}.px-stage{position:relative;grid-column:2;height:100%}.px-card{position:absolute;left:50%;top:0;width:78%;max-width:560px;height:100%;transform-style:preserve-3d;transform:translate(-50%)}.px-card .px-card-inner{background:var(--skill-bg);border-radius:18px;box-shadow:0 2px 12px #00000014;padding:24px 20px;height:100%;display:flex;flex-direction:column}.px-card .px-card-link{color:inherit;text-decoration:none;display:block;height:100%}.px-card .px-card-link:hover{text-decoration:none}.px-card .project-buttons{display:flex;gap:12px;margin-top:auto}.px-card .project-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:10px;font-size:.95rem;font-weight:600;text-decoration:none;transition:transform .18s ease,filter .18s ease;border:1px solid transparent}.px-card .project-btn:hover{transform:translateY(-1px)}.px-card .github-btn,.px-card .live-btn{background:var(--nav-link-color);color:var(--skill-bg);border-color:var(--nav-link-color)}.px-card.active .px-card-inner{box-shadow:0 14px 48px #00000047,0 0 0 1px #ffffff0d inset}.px-card.prev{transform:translate(-75%) rotateY(18deg) scale(.9);filter:blur(1px) saturate(.9);opacity:.55;z-index:-1}.px-card.next{transform:translate(-20%) rotateY(-18deg) scale(.9);filter:blur(1px) saturate(.9);opacity:.55;z-index:-1}.px-card.active.enter-right{animation:px-enter-right .5s ease both}.px-card.active.enter-left{animation:px-enter-left .5s ease both}@keyframes px-enter-right{0%{transform:translate(calc(-50% + 60px)) rotateY(-30deg);opacity:0}to{transform:translate(-50%) rotateY(0);opacity:1}}@keyframes px-enter-left{0%{transform:translate(calc(-50% - 60px)) rotateY(30deg);opacity:0}to{transform:translate(-50%) rotateY(0);opacity:1}}@media (max-width: 768px){.px-carousel{grid-template-columns:36px 1fr 36px;min-height:420px;margin-bottom:180px}.px-nav{display:flex;font-size:1.6rem;width:36px;height:36px}.px-stage{grid-column:2;height:100%}.px-card{width:92%;max-width:none;left:50%}.px-card.prev{transform:translate(-110%) rotateY(14deg) scale(.88);opacity:.45}.px-card.next{transform:translate(10%) rotateY(-14deg) scale(.88);opacity:.45}.px-card .px-card-inner{padding:18px 14px}}.skillCard{background:var(--skill-bg);border-radius:16px;box-shadow:0 2px 12px #00000014;padding:18px 16px;display:flex;flex-direction:column}.skillCard .skillList{flex:1}.skillCard .skillList:after{content:"";display:block;height:0}.skillCardTitle{margin:0 0 10px;font-size:1.1rem;font-weight:700;color:var(--nav-link-color)}.skillList{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px 10px}.skillItem{display:flex;align-items:center;gap:8px}.skillItem svg{font-size:2.1rem;color:var(--nav-link-color);vertical-align:middle;margin-right:8px;transition:color .2s,transform .2s}.skillItem span{font-size:1.08rem;color:var(--nav-link-color);vertical-align:middle;margin-right:8px}.skillItem svg:hover{color:#64ffda;transform:scale(1.18)}::-webkit-scrollbar{width:8px;background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb, #444);border-radius:8px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover, #666)}::-webkit-scrollbar-track{background:transparent}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb, #444) transparent}.experience-section{max-width:850px;padding:32px 24px;background:transparent;box-shadow:none;min-width:300px;min-height:calc(100vh - (var(--header-height) + 32px));display:flex;flex-direction:column;align-items:flex-start}.experience-heading{font-size:2.2rem;margin-bottom:2.5rem;color:var(--nav-link-color);font-weight:700;letter-spacing:.02em}.experience-list{width:100%;display:flex;flex-direction:column;gap:32px}.experience-card{background:var(--skill-bg);border-radius:18px;box-shadow:0 2px 12px #00000014;padding:28px 24px 20px;transition:box-shadow .18s,transform .18s;display:flex;flex-direction:column;gap:10px;position:relative;overflow:hidden;isolation:isolate;text-decoration:none}.experience-card:hover{box-shadow:0 6px 24px #00000021;transform:translateY(-2px) scale(1.012)}.experience-card[href]{cursor:pointer}.experience-card[href] .experience-title,.experience-card[href] .experience-meta,.experience-card[href] .experience-location,.experience-card[href] .experience-desc{color:var(--nav-link-color)}.experience-title{font-size:1.25rem;font-weight:700;color:var(--nav-link-color);margin-bottom:.2rem}.experience-meta{display:flex;flex-wrap:wrap;gap:12px 18px;font-size:1.05rem;color:var(--nav-link-color);opacity:.85;margin-bottom:.2rem}.experience-company{font-weight:600}.experience-type{font-style:italic;opacity:.7}.experience-date{opacity:.7}.experience-location{font-size:1.02rem;color:var(--nav-link-color);opacity:.7;margin-bottom:.1rem}.experience-desc{font-size:1.08rem;color:var(--nav-link-color);opacity:.93;line-height:1.6;margin-top:.2rem}.floating-ai-chat-new{position:fixed;bottom:32px;right:32px;width:360px;max-width:98vw;background:none;box-shadow:none;border-radius:0;padding:0;display:flex;flex-direction:column;align-items:flex-start;z-index:9999;opacity:0;transform:translateY(40px);transition:opacity .6s cubic-bezier(.68,-.55,.27,1.55),transform .6s cubic-bezier(.68,-.55,.27,1.55);pointer-events:auto;max-height:70vh;overflow:hidden}.floating-ai-chat-new.visible{opacity:1;transform:translateY(0)}.ai-chat-form-new{width:100%;display:flex;align-items:center;gap:8px;margin-bottom:.5rem;margin-top:0}.ai-chat-input-new{flex:1;padding:.7em 1em;border-radius:8px;border:1px solid #ccc;font-size:1rem;background:var(--color-bg-light);color:var(--color-text-light);transition:border-color .2s;min-width:0;max-width:220px;box-shadow:none}.app-root:not(.light) .ai-chat-input-new{background:#232323;color:#f8efd4;border:1px solid #444}.ai-chat-input-new:focus{outline:none;border-color:#ccc;box-shadow:none}.ai-chat-send-new{background:#18191a;color:#fff;border:none;border-radius:8px;padding:.7em 1.1em;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s;box-shadow:none}.ai-chat-send-new:hover{background:#000}.ai-chat-row{width:100%;display:flex;align-items:flex-start;margin-top:.5rem}.ai-chat-avatar-new{width:72px;height:72px;border-radius:50%;object-fit:cover;margin-right:18px;margin-top:0;align-self:flex-start;background:none;box-shadow:none;transition:opacity .7s,transform .7s;opacity:1;transform:scale(1.12)}.ai-chat-response-new{flex:1;color:var(--nav-link-color);font-size:1.08rem;min-height:300px;max-width:320px;width:100%;word-break:break-word;white-space:pre-line;text-align:left;align-self:flex-start;animation:fadein .5s;overflow-wrap:anywhere;margin-top:0;max-height:40vh;overflow:auto}@keyframes fadein{0%{opacity:0}to{opacity:1}}header,.side-nav{z-index:10}.floating-ai-chat-new{z-index:100}.fixed-header{position:fixed;top:0;right:0;display:flex;flex-direction:row;align-items:center;gap:18px;z-index:100;padding:12px 24px;border-bottom-left-radius:18px;background:none;-webkit-backdrop-filter:none;backdrop-filter:none}.main-content{margin-top:var(--header-height)}.section-heading{font-size:2.2rem;margin-bottom:2.5rem;color:var(--nav-link-color);font-weight:700;letter-spacing:.02em;margin-top:0}.section-heading,.experience-heading,.abt h2{font-size:clamp(1.3rem,1.1rem + 1.5vw,2.2rem)}@media (max-width: 1200px){:root{--header-height: 44px}header{padding:0 2px;height:var(--header-height);min-height:36px}.main-content,main{padding:0 2px!important;margin-top:var(--header-height)!important}.main-content{padding-bottom:120px!important}.about,.projectSec,.experience-section,.skillsGrid{padding:6px 2px;margin:0;max-width:100vw}.logo-container{font-size:14px}.theme-toggle{font-size:1.1rem;width:1.2rem;height:1.2rem}.floating-ai-chat-new{position:fixed;right:0;left:0;bottom:0;width:100vw;max-width:100vw;border-radius:18px 18px 0 0;background:#18191afa;box-shadow:0 -2px 16px #0000002e;padding:8px 4px 4px;z-index:1001;max-height:50vh}.ai-chat-avatar-new{width:44px;height:44px;margin-right:8px}.ai-chat-response-new{font-size:.95rem;max-width:80vw;min-height:40px}.ai-chat-form-new{gap:2px}.ai-chat-send-new{font-size:.95rem;padding:.4em .7em}.ai-chat-input-new{font-size:.95rem;max-width:180px}.abt h2,.section-heading{font-size:1.1rem}.abt p{font-size:.95rem}.about-icons svg{font-size:1.1rem}}@media (max-width: 900px){:root{--header-height: 60px}header{padding:0 8px;height:var(--header-height);min-height:48px}.main-content,main{padding:0 4px!important;margin-top:var(--header-height)!important}.about,.projectSec,.experience-section,.skillsGrid{padding:12px 4px!important;margin:0!important;max-width:100vw!important}.logo-container{font-size:20px}.theme-toggle{font-size:1.4rem;width:1.8rem;height:1.8rem}.ai-chat-avatar-new{width:56px;height:56px;margin-right:10px}.ai-chat-response-new{font-size:.98rem;max-width:90vw}.ai-chat-form-new{gap:4px}.ai-chat-send-new{font-size:.98rem;padding:.5em .8em}.ai-chat-input-new{font-size:.98rem;max-width:140px}.abt h2,.section-heading,.skillCardTitle{font-size:1.4rem}.abt p{font-size:1rem}.about-icons svg,.skillItem svg{font-size:1.4rem}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}.not-found-page{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.not-found-page .floating-bg{position:absolute;width:100%;height:100%;overflow:hidden;z-index:1}.not-found-page .floating-element{position:absolute;background:#ffffff1a;border-radius:50%;animation:float 6s ease-in-out infinite}.not-found-page .floating-element:nth-child(1){width:80px;height:80px;top:20%;left:10%;animation-delay:0s}.not-found-page .floating-element:nth-child(2){width:120px;height:120px;top:60%;right:15%;animation-delay:2s}.not-found-page .floating-element:nth-child(3){width:60px;height:60px;bottom:20%;left:20%;animation-delay:4s}@keyframes float{0%,to{transform:translateY(0) rotate(0);opacity:.7}50%{transform:translateY(-20px) rotate(180deg);opacity:1}}.not-found-page .container{text-align:center;z-index:2;position:relative;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:60px 40px;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a;max-width:500px;width:90%}.not-found-page .error-code{font-size:8rem;font-weight:700;background:linear-gradient(45deg,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4);background-size:400% 400%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 3s ease-in-out infinite;margin-bottom:20px;text-shadow:0 0 30px rgba(255,255,255,.3)}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.not-found-page .error-title{font-size:2rem;color:#fff;margin-bottom:15px;font-weight:300;animation:slideInUp .8s ease-out}.not-found-page .error-message{font-size:1.1rem;color:#fffc;margin-bottom:40px;line-height:1.6;animation:slideInUp .8s ease-out .2s both}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.not-found-page .home-button{display:inline-block;padding:15px 30px;background:linear-gradient(45deg,#ff6b6b,#4ecdc4);color:#fff;text-decoration:none;border-radius:50px;font-weight:600;font-size:1.1rem;transition:all .3s ease;position:relative;overflow:hidden;animation:slideInUp .8s ease-out .4s both}.not-found-page .home-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.not-found-page .home-button:hover:before{left:100%}.not-found-page .home-button:hover{transform:translateY(-3px);box-shadow:0 10px 25px #0003}.not-found-page .error-code:before,.not-found-page .error-code:after{content:"404";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4);background-size:400% 400%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:glitch 2s infinite}.not-found-page .error-code:before{animation-delay:.1s;transform:translate(-2px,-2px)}.not-found-page .error-code:after{animation-delay:.2s;transform:translate(2px,2px)}@keyframes glitch{0%,to{opacity:0}10%,90%{opacity:.1}50%{opacity:.2}}.not-found-page .particles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0}.not-found-page .particle{position:absolute;width:4px;height:4px;background:#ffffff80;border-radius:50%;animation:particle-float 8s linear infinite}.not-found-page .particle:nth-child(1){left:10%;animation-delay:0s}.not-found-page .particle:nth-child(2){left:20%;animation-delay:1s}.not-found-page .particle:nth-child(3){left:30%;animation-delay:2s}.not-found-page .particle:nth-child(4){left:40%;animation-delay:3s}.not-found-page .particle:nth-child(5){left:50%;animation-delay:4s}.not-found-page .particle:nth-child(6){left:60%;animation-delay:5s}.not-found-page .particle:nth-child(7){left:70%;animation-delay:6s}.not-found-page .particle:nth-child(8){left:80%;animation-delay:7s}@keyframes particle-float{0%{transform:translateY(100vh) scale(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) scale(1);opacity:0}}@media (max-width: 768px){.not-found-page .error-code{font-size:6rem}.not-found-page .error-title{font-size:1.5rem}.not-found-page .error-message{font-size:1rem}.not-found-page .container{padding:40px 20px}}@media (max-width: 480px){.not-found-page .error-code{font-size:4rem}.not-found-page .error-title{font-size:1.2rem}.not-found-page .home-button{padding:12px 25px;font-size:1rem}}.app-root.light .face{background:#18191a21;border:1.5px solid rgba(24,25,26,.18);box-shadow:0 4px 24px #18191a14;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.app-root:not(.light) .face{background:#ffffff21;border:1.5px solid rgba(255,255,255,.18);box-shadow:0 4px 24px #00000014;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.app-root.light .hire{background:var(--nav-link-color-light);color:var(--skill-bg-light)}.app-root:not(.light) .hire{background:var(--nav-link-color-dark);color:var(--skill-bg-dark)}.hire:active{filter:brightness(.85)}.summon-modal-overlay{position:fixed;inset:0;background:#00000059;z-index:2000;display:flex;align-items:center;justify-content:center}.summon-modal{background:#ffffff2e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:18px;box-shadow:0 8px 32px #0000002e;padding:36px 32px 28px;min-width:320px;max-width:90vw;display:flex;flex-direction:column;align-items:center;border:1.5px solid rgba(255,255,255,.25)}.summon-modal-message{font-size:1.35rem;font-weight:700;margin-bottom:24px;color:var(--nav-link-color);text-align:center;letter-spacing:.01em}.summon-modal-actions{display:flex;gap:18px}.summon-modal-btn{background:var(--nav-link-color);color:var(--skill-bg);border:none;border-radius:10px;padding:10px 22px;font-size:1.08rem;font-weight:600;cursor:pointer;text-decoration:none;transition:background .18s,color .18s,filter .18s;box-shadow:0 2px 8px #00000014}.app-root.light .summon-modal{background:#f8efd4f2;color:#18191a}.app-root.light .summon-modal-btn{background:var(--nav-link-color-light);color:var(--skill-bg-light)}.app-root:not(.light) .summon-modal-btn{background:var(--nav-link-color-dark);color:var(--skill-bg-dark)}.summon-modal-btn:hover{filter:brightness(.92)}