@import"https://fonts.googleapis.com/css2?family=Raleway:wght@500&display=swap";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Raleway:wght@400;500;600;700&display=swap";body{margin:0;font-family:Raleway,serif!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{--body-bg: #05020a;--footer-bg: #06020c;--preloader-bg: #06020c;--card-bg: rgba(18, 9, 32, .5);--section-background-color: radial-gradient( circle at 50% 50%, rgba(22, 10, 42, .96) 0%, rgba(7, 3, 14, .99) 100% );--image-gradient: linear-gradient( 135deg, rgba(13, 6, 25, .9) 0%, rgba(6, 2, 15, .98) 100% );--imp-text-color: #d896ff;--accent-purple: #c95bf5;--accent-blue: #06b6d4;--accent-pink: #ff85a2;--glass-bg: rgba(22, 12, 35, .55);--glass-border: rgba(201, 91, 245, .15);--glass-border-hover: rgba(201, 91, 245, .4);--text-primary: #f5f2fa;--text-secondary: #beb6cc;--glow-shadow: 0 0 25px rgba(201, 91, 245, .15);--glow-shadow-hover: 0 0 35px rgba(201, 91, 245, .35);--bento-card-bg: rgba(20, 10, 35, .4);--bento-card-shadow: 0 10px 30px rgba(0, 0, 0, .3)}html[data-theme=light]{--body-bg: #f8f6fc;--footer-bg: #f0ecf5;--preloader-bg: #f0ecf5;--card-bg: rgba(255, 255, 255, .85);--section-background-color: radial-gradient( circle at 50% 50%, rgba(240, 235, 250, .96) 0%, rgba(248, 246, 252, .99) 100% );--image-gradient: linear-gradient( 135deg, rgba(240, 235, 250, .85) 0%, rgba(255, 255, 255, .95) 100% );--imp-text-color: #8c26c2;--accent-purple: #8c26c2;--accent-blue: #0284c7;--accent-pink: #db2777;--glass-bg: rgba(255, 255, 255, .75);--glass-border: rgba(140, 38, 194, .18);--glass-border-hover: rgba(140, 38, 194, .4);--text-primary: #1a0f2b;--text-secondary: #564c63;--glow-shadow: 0 8px 24px rgba(140, 38, 194, .08);--glow-shadow-hover: 0 12px 32px rgba(140, 38, 194, .18);--bento-card-bg: rgba(255, 255, 255, .9);--bento-card-shadow: 0 10px 30px rgba(140, 38, 194, .05)}body{font-family:Outfit,Raleway,sans-serif!important;color:var(--text-primary)!important;background-color:var(--body-bg)!important;overflow-x:hidden;transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}body,section,div,.navbar,.card,.bento-card,.footer,p,h1,h2,h3,h4,h5,h6,span,button,a,svg{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}.purple{color:var(--imp-text-color)!important}.text-gradient{background:linear-gradient(135deg,var(--accent-purple) 0%,var(--accent-pink) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}button:focus{box-shadow:none!important}#preloader{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999999;background-color:var(--preloader-bg);background-image:url("data:image/svg+xml,%3c!--%20By%20Sam%20Herbert%20(@sherb),%20for%20everyone.%20More%20@%20http://goo.gl/7AJzbL%20--%3e%3c!--%20Todo:%20add%20easing%20--%3e%3csvg%20width='80'%20height='80'%20viewBox='0%200%2057%2057'%20xmlns='http://www.w3.org/2000/svg'%20stroke='%23d38bfc'%3e%3cg%20fill='none'%20fill-rule='evenodd'%3e%3cg%20transform='translate(1%201)'%20stroke-width='2'%3e%3ccircle%20cx='5'%20cy='50'%20r='5'%3e%3canimate%20attributeName='cy'%20begin='0s'%20dur='2.2s'%20values='50;5;50;50'%20calcMode='linear'%20repeatCount='indefinite'%20/%3e%3canimate%20attributeName='cx'%20begin='0s'%20dur='2.2s'%20values='5;27;49;5'%20calcMode='linear'%20repeatCount='indefinite'%20/%3e%3c/circle%3e%3ccircle%20cx='27'%20cy='5'%20r='5'%3e%3canimate%20attributeName='cy'%20begin='0s'%20dur='2.2s'%20from='5'%20to='5'%20values='5;50;50;5'%20calcMode='linear'%20repeatCount='indefinite'%20/%3e%3canimate%20attributeName='cx'%20begin='0s'%20dur='2.2s'%20from='27'%20to='27'%20values='27;49;5;27'%20calcMode='linear'%20repeatCount='indefinite'%20/%3e%3c/circle%3e%3ccircle%20cx='49'%20cy='50'%20r='5'%3e%3canimate%20attributeName='cy'%20begin='0s'%20dur='2.2s'%20values='50;50;5;50'%20calcMode='linear'%20repeatCount='indefinite'%20/%3e%3canimate%20attributeName='cx'%20from='49'%20to='49'%20begin='0s'%20dur='2.2s'%20values='49;5;27;49'%20calcMode='linear'%20repeatCount='indefinite'%20/%3e%3c/circle%3e%3c/g%3e%3c/g%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center}#preloader-none{opacity:0}#no-scroll{overflow:hidden;height:100vh}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--body-bg)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--accent-purple),var(--accent-pink));border-radius:12px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--accent-pink),var(--accent-purple))}.navbar{position:fixed!important;top:20px!important;left:50%!important;transform:translate(-50%)!important;width:auto!important;min-width:600px;max-width:90%!important;background:var(--glass-bg)!important;border:1px solid var(--glass-border)!important;border-radius:50px!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;padding:.6rem 2rem!important;box-shadow:0 20px 40px -15px #00000080!important;transition:all .4s cubic-bezier(.16,1,.3,1)!important;z-index:1000}.sticky{background:var(--glass-bg)!important;border-color:var(--glass-border-hover)!important;box-shadow:var(--glow-shadow-hover)!important;padding:.5rem 2rem!important}.navbar-brand{font-weight:600;letter-spacing:.5px}.navbar-toggler{position:relative!important;background-color:transparent!important;border-color:transparent!important}.navbar-toggler span{display:block!important;background-color:var(--accent-purple)!important;height:3px!important;width:25px!important;margin-top:5px!important;margin-bottom:5px!important;transform:rotate(0)!important;left:0!important;opacity:1!important;border-radius:4px}.navbar-toggler:focus,.navbar-toggler:active{outline:0!important}.navbar-toggler span:nth-child(1),.navbar-toggler span:nth-child(3){transition:transform .3s ease-in-out!important}.navbar-toggler:not(.collapsed) span:nth-child(1){position:absolute!important;left:12px!important;top:10px!important;transform:rotate(135deg)!important;opacity:.9!important}.navbar-toggler:not(.collapsed) span:nth-child(2){visibility:hidden!important;background-color:transparent!important}.navbar-toggler:not(.collapsed) span:nth-child(3){position:absolute!important;left:12px!important;top:10px!important;transform:rotate(-135deg)!important;opacity:.9!important}@media (max-width: 767px){.navbar{top:10px!important;border-radius:20px!important;width:95%!important;min-width:95%!important;left:2.5%!important;transform:none!important;padding:.8rem 1.5rem!important}.navbar-nav .nav-item a:after{display:none!important}}.navbar-nav .nav-link{color:var(--text-secondary)!important;padding:.5rem 1rem!important;transition:all .3s ease!important;font-weight:500;display:flex;align-items:center;gap:6px}.navbar-nav .nav-link:hover,.navbar-nav .nav-item.active .nav-link{color:var(--text-primary)!important;text-shadow:0 0 10px rgba(201,91,245,.4)}.navbar-nav .nav-item{position:relative;margin-left:15px}.navbar-nav .nav-item a:after{content:"";position:absolute;display:block;height:3px;width:0;border-radius:8px;background:linear-gradient(90deg,var(--accent-purple),var(--accent-pink));bottom:-4px;left:10%;transition:all .3s cubic-bezier(.16,1,.3,1)}.navbar-nav .nav-item a:hover:after{width:80%}.wave{animation-name:wave-animation;animation-duration:2.1s;animation-iteration-count:infinite;transform-origin:70% 70%;display:inline-block}@keyframes wave-animation{0%{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0)}to{transform:rotate(0)}}#tsparticles{position:fixed!important;width:100%;height:100%;z-index:0}.home-section{position:relative;background-image:var(--image-gradient),url(./home-bg-BWAaxgdt.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;padding-bottom:80px!important;padding-top:150px!important;min-height:95vh;display:flex;align-items:center;z-index:1}.home-content{color:var(--text-primary);text-align:left;z-index:2;width:100%}.heading{font-size:3em!important;font-weight:500;letter-spacing:-.5px}.heading-name{font-size:3.5em!important;font-weight:700;margin-top:10px}.main-name{background:linear-gradient(135deg,var(--accent-purple) 0%,var(--accent-pink) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.Typewriter__wrapper{font-size:2.2em!important;color:var(--accent-purple)!important;font-weight:700!important;text-shadow:0 0 15px rgba(201,91,245,.2)}.Typewriter__cursor{font-size:2.4em!important;color:var(--accent-pink)!important}@media (max-width: 767px){.home-section{padding-top:120px!important}.heading{font-size:2.2em!important}.heading-name{font-size:2.6em!important}.Typewriter__wrapper{font-size:1.6em!important}}.myAvtar{display:flex;justify-content:center;align-items:center;padding-top:2em!important}.myAvtar img{border:2px solid var(--glass-border);box-shadow:var(--glow-shadow);transition:all .4s ease}.myAvtar img:hover{border:2px solid var(--glass-border-hover);box-shadow:var(--glow-shadow-hover)}.home-about-section{position:relative;padding-bottom:80px!important;padding-top:80px!important;z-index:1;background:var(--section-background-color)}.home-about-description{color:var(--text-primary)!important;text-align:left}.home-about-body{font-size:1.2rem!important;line-height:1.8!important;color:var(--text-secondary)}.home-about-social{text-align:center!important;margin-top:50px}.home-about-social h1{font-size:2.2em;font-weight:700}.home-about-social-links{display:flex;justify-content:center;gap:20px;padding:0!important;margin-top:25px!important;list-style:none}.home-social-icons{display:flex!important;align-items:center;justify-content:center;width:45px!important;height:45px!important;font-size:1.3em!important;background:var(--glass-bg)!important;border:1px solid var(--glass-border)!important;border-radius:50%!important;color:var(--text-primary)!important;transition:all .4s cubic-bezier(.175,.885,.32,1.275)!important;box-shadow:0 4px 12px #00000026}.home-social-icons:hover{transform:translateY(-5px) scale(1.1)!important;border-color:var(--accent-purple)!important;color:var(--accent-purple)!important;box-shadow:0 8px 20px #c95bf54d!important;text-shadow:0 0 5px rgba(201,91,245,.5)}.footer{background-color:var(--footer-bg)!important;border-top:1px solid var(--glass-border);padding:1.5rem 0!important;font-size:1rem}.footer-copywright,.footer-body{display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.footer h3{font-size:1rem;margin:0!important}.footer-icons{display:flex;justify-content:center;gap:15px;margin:0!important;padding:0!important}.footer-icons .social-icons a{color:var(--text-secondary)!important;transition:color .3s ease!important}.footer-icons .social-icons a:hover{color:var(--accent-purple)!important}.blockquote-footer{color:#a588c0!important;font-size:.9em;margin-top:8px}.bento-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}.bento-card{background:var(--bento-card-bg);border:1px solid var(--glass-border);border-radius:24px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:30px;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:var(--bento-card-shadow);display:flex;flex-direction:column;height:100%}.bento-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:24px;padding:1px;background:linear-gradient(135deg,#c95bf526,#ff85a205);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;transition:all .4s ease}.bento-card:hover{transform:translateY(-5px);box-shadow:var(--glow-shadow-hover);border-color:var(--glass-border-hover);background:var(--bento-card-bg);opacity:.95}.bento-card:hover:before{background:linear-gradient(135deg,#c95bf580,#ff85a259)}.bento-col-2{grid-column:span 2}.bento-col-3{grid-column:span 3}@media (max-width: 991px){.bento-grid{grid-template-columns:repeat(2,1fr)}.bento-col-2,.bento-col-3{grid-column:span 2}}@media (max-width: 767px){.bento-grid{grid-template-columns:1fr;gap:16px}.bento-col-2,.bento-col-3{grid-column:span 1}}.project-section{position:relative!important;padding-top:130px!important;padding-bottom:60px!important;background-image:var(--section-background-color)!important;z-index:1}.project-card{padding:15px!important;display:flex}.project-card-view{background-color:var(--glass-bg)!important;-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;border:1px solid var(--glass-border)!important;color:var(--text-primary)!important;border-radius:24px!important;box-shadow:0 15px 35px -10px #0006!important;transition:all .4s cubic-bezier(.16,1,.3,1)!important;height:100%!important;display:flex;flex-direction:column;overflow:hidden;position:relative}.project-card-view:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:24px;padding:1px;background:linear-gradient(135deg,#c95bf526,#ff85a205);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;transition:all .4s ease}.project-card-view:hover{transform:translateY(-8px)!important;border-color:#c95bf559!important;box-shadow:0 20px 40px -10px #c95bf540!important}.project-card-view:hover:before{background:linear-gradient(135deg,#c95bf580,#ff85a24d)}.project-card-img-container{overflow:hidden;position:relative;width:100%;padding-top:56.25%;border-bottom:1px solid rgba(201,91,245,.1)}.project-card-view .card-img-top{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;padding:0!important;opacity:.85;transition:transform .6s cubic-bezier(.16,1,.3,1),opacity .5s ease}.project-card-view:hover .card-img-top{transform:scale(1.08);opacity:1}.project-card-view .card-body{display:flex;flex-direction:column;flex-grow:1;padding:1.8rem!important;z-index:2}.project-card-view .card-title{font-size:1.4rem;font-weight:700;margin-bottom:12px;letter-spacing:-.3px}.project-card-view .card-text{font-size:.95rem;color:var(--text-secondary);line-height:1.6;flex-grow:1;margin-bottom:24px}.btn-primary{color:#fff!important;background:linear-gradient(135deg,var(--accent-purple) 0%,#8a2be2 100%)!important;border:none!important;border-radius:10px!important;padding:.6rem 1.4rem!important;font-weight:600!important;box-shadow:0 4px 15px #c95bf540!important;transition:all .3s ease!important;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary:hover{background:linear-gradient(135deg,#8a2be2 0%,var(--accent-purple) 100%)!important;transform:translateY(-2px)!important;box-shadow:0 6px 20px #c95bf573!important}.project-heading{color:var(--text-primary)!important;font-size:2.8em!important;font-weight:700!important;padding-bottom:10px}.about-section{position:relative!important;padding-top:130px!important;padding-bottom:60px!important;background-image:var(--section-background-color)!important;color:var(--text-primary)!important;z-index:1}.quote-card-view{border:none!important;color:var(--text-primary)!important;background-color:transparent!important;padding:0!important}.about-activity{list-style:none!important;text-align:left!important;padding-left:1px!important;margin-bottom:12px;display:flex;align-items:center;gap:10px;color:var(--text-secondary)}.about-activity svg{color:var(--accent-purple)}.about-img{display:flex;justify-content:center;align-items:center}.about-img img{max-height:380px;filter:drop-shadow(0 10px 20px rgba(201,91,245,.15));animation:float 6s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.tech-icons{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;height:120px;margin:10px!important;padding:15px!important;background-color:var(--bento-card-bg)!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;border:1px solid var(--glass-border)!important;border-radius:18px!important;box-shadow:var(--bento-card-shadow)!important;transition:all .4s cubic-bezier(.16,1,.3,1)!important;color:var(--text-secondary)!important;position:relative;overflow:hidden}.tech-icons svg{font-size:3rem;transition:all .4s cubic-bezier(.16,1,.3,1)}.tech-name{margin-top:8px;font-size:.85rem;font-weight:500;color:var(--text-secondary);transition:all .4s cubic-bezier(.16,1,.3,1);opacity:.8}.tech-icons:hover{transform:translateY(-5px) scale(1.02)!important;color:var(--text-primary)!important}.tech-icons:hover .tech-name{color:var(--text-primary);opacity:1}.tech-icons.javascript:hover{border-color:#f7df1e!important;box-shadow:0 8px 25px #f7df1e40!important}.tech-icons.javascript:hover svg{color:#f7df1e}.tech-icons.nodejs:hover{border-color:#68a063!important;box-shadow:0 8px 25px #68a06340!important}.tech-icons.nodejs:hover svg{color:#68a063}.tech-icons.react:hover{border-color:#61dafb!important;box-shadow:0 8px 25px #61dafb40!important}.tech-icons.react:hover svg{color:#61dafb}.tech-icons.mongodb:hover{border-color:#4db33d!important;box-shadow:0 8px 25px #4db33d40!important}.tech-icons.mongodb:hover svg{color:#4db33d}.tech-icons.nextjs:hover{border-color:#fff!important;box-shadow:0 8px 25px #ffffff40!important}.tech-icons.nextjs:hover svg{color:#fff}.tech-icons.firebase:hover{border-color:#ffca28!important;box-shadow:0 8px 25px #ffca2840!important}.tech-icons.firebase:hover svg{color:#ffca28}.tech-icons.angular:hover{border-color:#dd0031!important;box-shadow:0 8px 25px #dd003140!important}.tech-icons.angular:hover svg{color:#dd0031}.tech-icons.redux:hover{border-color:#764abc!important;box-shadow:0 8px 25px #764abc40!important}.tech-icons.redux:hover svg{color:#764abc}.tech-icons.git:hover{border-color:#f1502f!important;box-shadow:0 8px 25px #f1502f40!important}.tech-icons.git:hover svg{color:#f1502f}.tech-icons.windows:hover{border-color:#0078d7!important;box-shadow:0 8px 25px #0078d740!important}.tech-icons.windows:hover svg{color:#0078d7}.tech-icons.linux:hover{border-color:#fcc624!important;box-shadow:0 8px 25px #fcc62440!important}.tech-icons.linux:hover svg{color:#fcc624}.tech-icons.vscode:hover{border-color:#007acc!important;box-shadow:0 8px 25px #007acc40!important}.tech-icons.vscode:hover svg{color:#007acc}.tech-icons.postman:hover{border-color:#ff6c37!important;box-shadow:0 8px 25px #ff6c3740!important}.tech-icons.postman:hover svg{color:#ff6c37}.tech-icons.vercel:hover{border-color:#fff!important;box-shadow:0 8px 25px #ffffff40!important}.tech-icons.vercel:hover svg{color:#fff}@media (max-width: 767px){.tech-icons{margin:6px!important;height:110px}.tech-icons svg{font-size:2.5rem}}.resume-section{position:relative!important;padding-top:130px!important;padding-bottom:60px!important;background-image:var(--section-background-color)!important;color:var(--text-primary)!important;z-index:1}.timeline-container{position:relative;padding-left:32px;border-left:2px dashed rgba(201,91,245,.25);margin-left:12px;margin-top:25px}.timeline-item{position:relative;margin-bottom:35px}.timeline-item:last-child{margin-bottom:0}.timeline-dot{position:absolute;left:-43px;top:6px;width:20px;height:20px;border-radius:50%;background:var(--body-bg);border:3px solid var(--accent-purple);box-shadow:0 0 10px #c95bf566;transition:all .3s ease;z-index:3}.timeline-item:hover .timeline-dot{background:var(--accent-pink);border-color:var(--accent-pink);box-shadow:0 0 15px var(--accent-pink);transform:scale(1.2)}.timeline-card{background:var(--bento-card-bg);border:1px solid var(--glass-border);border-radius:20px;padding:24px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:var(--bento-card-shadow)}.timeline-card:hover{background:var(--bento-card-bg);border-color:var(--glass-border-hover);transform:translate(8px);box-shadow:var(--glow-shadow-hover)}.timeline-date{font-size:.85rem;color:var(--accent-pink);font-weight:700;margin-bottom:6px;letter-spacing:.5px;text-transform:uppercase}.timeline-title{font-size:1.25rem;font-weight:700;margin-bottom:8px;color:var(--text-primary)}.timeline-subtitle{font-size:.95rem;font-weight:500;color:var(--accent-blue);margin-bottom:12px}.timeline-body{font-size:.95rem;color:var(--text-secondary);line-height:1.6;margin:0}.timeline-body ul{padding-left:18px;margin-top:10px;margin-bottom:0}.timeline-body ul li{margin-bottom:6px;list-style-type:square}.like-item{padding-top:15px!important;font-size:1.1em!important}.like-btn{background-color:#c95bf533!important;border:1px solid var(--glass-border)!important;padding:.4rem 1.2rem!important;border-radius:8px!important;transition:all .3s ease!important;color:var(--text-primary)!important}.like-btn:hover{transform:translateY(-2px)!important;background-color:#c95bf566!important;border-color:var(--accent-purple)!important;box-shadow:0 0 15px #c95bf54d!important}.fork-btn{font-size:1.1em!important}.fork-btn-inner{background-color:#c95bf533!important;border:1px solid var(--glass-border)!important;padding:.4rem 1.2rem!important;border-radius:8px!important;transition:all .3s ease!important;color:var(--text-primary)!important}.fork-btn-inner:hover{transform:translateY(-2px)!important;background-color:#c95bf566!important;border-color:var(--accent-purple)!important;box-shadow:0 0 15px #c95bf54d!important}.fork-btn-inner:after{display:none!important}.theme-deck{position:fixed;bottom:25px;right:90px;display:flex;gap:10px;background:#120920b3;border:1px solid var(--glass-border);border-radius:30px;padding:8px 16px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 10px 30px #00000080;z-index:999;transition:all .3s ease;align-items:center}.theme-dot{width:18px;height:18px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .2s ease,border-color .2s ease}.theme-dot:hover{transform:scale(1.2)}.theme-dot.active{border-color:#fff}.theme-dot.violet{background-color:#c95bf5}.theme-dot.sky{background-color:#0ea5e9}.theme-dot.emerald{background-color:#10b981}.theme-dot.rose{background-color:#ef4444}.theme-dot.amber{background-color:#f59e0b}.terminal-toggle-btn{position:fixed;bottom:25px;right:25px;width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,var(--accent-purple) 0%,var(--accent-pink) 100%);border:none;color:#fff;font-size:1.4rem;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 24px #c95bf566;z-index:1000;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.terminal-toggle-btn:hover{transform:scale(1.1) rotate(15deg);box-shadow:0 10px 30px #c95bf599}.terminal-window{position:fixed;bottom:90px;right:25px;width:480px;height:380px;background:#06020ed9;border:1px solid var(--accent-purple);border-radius:16px;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 20px 50px #0009,0 0 30px #c95bf526;z-index:1000;display:flex;flex-direction:column;overflow:hidden;font-family:Courier New,Courier,monospace;animation:slideIn .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideIn{0%{transform:translateY(30px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.terminal-titlebar{background:#160a2a99;border-bottom:1px solid rgba(201,91,245,.2);padding:10px 16px;display:flex;justify-content:space-between;align-items:center}.terminal-title{color:var(--text-secondary);font-size:.85rem;font-weight:600;display:flex;align-items:center;gap:8px}.terminal-controls{display:flex;gap:6px}.terminal-control{width:12px;height:12px;border-radius:50%}.terminal-control.close{background:#ff5f56;cursor:pointer}.terminal-control.minimize{background:#ffbd2e}.terminal-control.maximize{background:#27c93f}.terminal-body{flex-grow:1;padding:16px;overflow-y:auto;font-size:.85rem;color:#c95bf5;text-shadow:0 0 5px rgba(201,91,245,.4);line-height:1.5;text-align:left}.terminal-line{margin-bottom:8px;white-space:pre-wrap}.terminal-input-line{display:flex;align-items:center;gap:8px;margin-top:10px}.terminal-prefix{color:var(--accent-pink);font-weight:700}.terminal-input{background:transparent;border:none;color:#fff;font-family:inherit;font-size:inherit;flex-grow:1;outline:none;caret-color:var(--accent-purple)}.matrix-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none;opacity:.15;transition:opacity 1s ease}@media (max-width: 575px){.terminal-window{width:calc(100vw - 32px);right:16px;height:320px;bottom:85px}.theme-deck{right:auto;left:16px;bottom:85px}}html[data-theme=light] .tech-icons.nextjs:hover{border-color:#000!important;box-shadow:0 8px 25px #00000026!important}html[data-theme=light] .tech-icons.nextjs:hover svg{color:#000}html[data-theme=light] .tech-icons.vercel:hover{border-color:#000!important;box-shadow:0 8px 25px #00000026!important}html[data-theme=light] .tech-icons.vercel:hover svg{color:#000}.project-tags-container{display:flex;flex-wrap:wrap;gap:6px;margin-top:15px;margin-bottom:20px}.project-tag{font-size:.72rem!important;font-weight:600!important;padding:4px 10px!important;border-radius:50px!important;background:#c95bf51a!important;color:var(--accent-purple)!important;border:1px solid rgba(201,91,245,.2)!important;transition:all .3s ease!important}.project-tag:hover{background:#c95bf533!important;border-color:var(--accent-purple)!important;color:var(--text-primary)!important;box-shadow:0 0 10px #c95bf526}.filter-tabs-container{display:flex;justify-content:center;gap:12px;margin-bottom:40px;flex-wrap:wrap}.filter-tab{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-secondary);padding:8px 22px;border-radius:30px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1)}.filter-tab:hover{border-color:var(--glass-border-hover);color:var(--text-primary);transform:translateY(-2px)}.filter-tab.active{background:linear-gradient(135deg,var(--accent-purple) 0%,var(--accent-pink) 100%)!important;color:#fff!important;border:none;box-shadow:var(--glow-shadow)}.recruiter-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#05020a66;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;opacity:0;pointer-events:none;transition:opacity .4s cubic-bezier(.16,1,.3,1)}.recruiter-drawer-overlay.open{opacity:1;pointer-events:auto}.recruiter-drawer{position:fixed;top:0;right:-520px;width:520px;height:100vh;background:var(--section-background-color)!important;border-left:1px solid var(--glass-border);box-shadow:-15px 0 45px #00000080;z-index:10000;transition:right .5s cubic-bezier(.16,1,.3,1);padding:40px 32px;overflow-y:auto;text-align:left}.recruiter-drawer.open{right:0}.recruiter-drawer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;border-bottom:1px solid var(--glass-border);padding-bottom:15px}.recruiter-drawer-close-btn{background:transparent;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s ease,transform .2s ease}.recruiter-drawer-close-btn:hover{color:var(--accent-pink);transform:rotate(90deg)}.recruiter-drawer h4{font-size:1.25rem;font-weight:700;margin-top:30px;margin-bottom:18px;color:var(--text-primary)}.recruiter-metric-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:20px}.recruiter-metric-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:18px;padding:20px;transition:all .3s ease}.recruiter-metric-card:hover{border-color:var(--glass-border-hover);box-shadow:var(--glow-shadow);transform:translateY(-2px)}.recruiter-metric-title{font-size:1.05rem;font-weight:700;color:var(--accent-purple);margin-bottom:6px;display:flex;align-items:center;gap:8px}.recruiter-metric-title svg{color:var(--accent-purple);font-size:1.15rem}.recruiter-metric-subtitle{font-size:.85rem;color:var(--accent-blue);font-weight:600;margin-bottom:12px;letter-spacing:.3px}.recruiter-metric-desc{font-size:.9rem;color:var(--text-secondary);line-height:1.5;margin:0}.recruiter-metric-desc ul{padding-left:16px;margin-top:8px;margin-bottom:0}.recruiter-metric-desc ul li{margin-bottom:4px}.recruiter-contact-deck{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:18px;padding:10px 20px;margin-bottom:25px}.recruiter-contact-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px dashed var(--glass-border)}.recruiter-contact-row:last-child{border-bottom:none}.recruiter-contact-label{font-size:.9rem;font-weight:600;color:var(--text-secondary);display:flex;align-items:center;gap:8px}.recruiter-contact-value{font-size:.9rem;font-weight:600;color:var(--text-primary);text-decoration:none;cursor:pointer;transition:color .2s ease}.recruiter-contact-value:hover{color:var(--accent-purple)}@media (max-width: 575px){.recruiter-drawer{width:100vw;right:-100vw;padding:30px 20px}}.role-matcher-container{display:flex;justify-content:center;align-items:center;gap:12px;margin:25px 0;flex-wrap:wrap}.role-matcher-label{font-size:.95rem;font-weight:700;color:var(--text-secondary);letter-spacing:.5px}.role-btn{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-secondary);padding:6px 18px;border-radius:20px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .3s ease}.role-btn:hover{border-color:var(--glass-border-hover);color:var(--text-primary);transform:translateY(-2px)}.role-btn.active{background:linear-gradient(135deg,var(--accent-blue) 0%,var(--accent-purple) 100%)!important;color:#fff!important;border:none;box-shadow:0 4px 15px #06b6d44d}.tech-icons.highlighted{border-color:var(--accent-blue)!important;box-shadow:0 8px 25px #06b6d44d!important;transform:translateY(-6px) scale(1.03)!important}.tech-icons.highlighted svg{color:var(--accent-blue)!important}.tech-icons.highlighted .tech-name{color:var(--text-primary)!important;opacity:1!important}.project-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;z-index:12000}.project-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#05020a80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:12050}.project-modal-content{position:relative;background:var(--section-background-color);border:1px solid var(--glass-border);border-radius:28px;width:720px;max-width:90%;max-height:85vh;overflow-y:auto;box-shadow:0 25px 60px #0009,var(--glow-shadow-hover);padding:35px;z-index:12100;animation:modalZoom .3s cubic-bezier(.16,1,.3,1) forwards;text-align:left}@keyframes modalZoom{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.project-modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--glass-border);padding-bottom:15px;margin-bottom:25px}.project-modal-close-btn{background:transparent;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s ease,transform .2s ease}.project-modal-close-btn:hover{color:var(--accent-pink);transform:rotate(90deg)}.modal-section-title{font-size:1.15rem;font-weight:700;color:var(--accent-purple);margin-top:25px;margin-bottom:12px;display:flex;align-items:center;gap:8px}.modal-section-title svg{font-size:1.25rem}.project-modal-text{font-size:.95rem;color:var(--text-secondary);line-height:1.6}.project-modal-text ul{padding-left:20px;margin-top:8px;margin-bottom:0}.project-modal-text ul li{margin-bottom:6px}.recruiter-connect-section{margin-top:80px;padding-bottom:40px}.connect-form-container{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:28px;padding:40px 30px;box-shadow:var(--bento-card-shadow);max-width:650px;margin:0 auto;transition:all .3s ease}.connect-form-container:hover{border-color:var(--glass-border-hover);box-shadow:var(--glow-shadow-hover)}.connect-form-group{margin-bottom:20px;text-align:left}.connect-form-label{font-size:.9rem;font-weight:600;color:var(--text-primary);margin-bottom:8px;display:block}.connect-form-input,.connect-form-textarea,.connect-form-select{width:100%;background:#ffffff08;border:1px solid var(--glass-border);border-radius:12px;padding:10px 16px;color:var(--text-primary);outline:none;font-size:.95rem;transition:all .3s ease}html[data-theme=light] .connect-form-input,html[data-theme=light] .connect-form-textarea,html[data-theme=light] .connect-form-select{background:#00000005}.connect-form-input:focus,.connect-form-textarea:focus,.connect-form-select:focus{border-color:var(--accent-blue);box-shadow:0 0 10px #06b6d426;background:#ffffff0f}.connect-form-error{font-size:.8rem;color:var(--accent-pink);margin-top:4px;font-weight:500}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}