@import"https://use.typekit.net/jmk3xov.css";html{font-size:16px}canvas{position:fixed;top:0;left:0}a{text-decoration:wavy;color:#f0f8ff}:root{--dark-bg: rgba(15, 15, 15, .6);--spacing: 350px;font-family:brandon-grotesque,sans-serif;font-weight:400;font-style:normal}::-webkit-scrollbar{width:5px;height:2px}::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:20px}main{width:100vw;color:#fff;z-index:99;position:absolute;margin:0 auto;padding:120px 0;display:grid;grid-template-columns:repeat(12,1fr)}h1,h2,h3,blockquote{font-family:elevon,sans-serif;font-weight:700;font-style:normal}header{background:var(--dark-bg);grid-column:2 / span 5;padding:1rem;margin-bottom:var(--spacing);border-radius:8px}header>p{font-size:clamp(1rem,2.5vw,1.5rem)}section{grid-column:2 / 8;padding:1rem;background:var(--dark-bg);font-size:1.25rem;line-height:1.5;margin-bottom:var(--spacing);border-radius:8px}blockquote{margin:0;padding:0;grid-column:2 / span 9;margin-bottom:var(--spacing)}blockquote p{color:#000;background-color:#fff;font-size:clamp(1.5rem,3rem,4rem);display:inline;line-height:1}.left{grid-column:6 / 12}.scroll{position:fixed;top:650px;left:95%;width:24px;height:24px;margin-left:-12px;border-left:4px solid #fff;border-bottom:4px solid #fff;transform:rotate(-45deg);box-sizing:border-box;animation:jump 1.5s infinite linear;animation-iteration-count:10}h2{font-size:clamp(1.5rem,3.5vw,3rem)}h3{font-size:clamp(1.25rem,3vw,2.5rem)}.blockquote-1,.blockquote-4{font-size:clamp(1.5rem,3.5vw,3rem)}.blockquote-3{font-size:clamp(1.75rem,4vw,3.5rem)}.blockquote-2,.light>p,.left>p{font-size:clamp(1rem,2.5vw,1.5rem)}@keyframes jump{0%{transform:translateY(0) rotate(-45deg)}to{transform:translateY(38px) rotate(-45deg);opacity:0}}.skills{background:var(--dark-bg);padding:2rem;border-radius:12px;margin-bottom:var(--spacing)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:1.5rem}.skill-category{background:rgba(30,30,30,.7);padding:1.5rem;border-radius:8px}.skill-category h3{color:#7dd3fc;margin-bottom:1.5rem;font-size:1.5rem;display:flex;align-items:center;gap:.5rem}.skill-item{margin:1.2rem 0;display:grid;grid-template-columns:1fr 3fr;align-items:center;gap:1rem}.skill-bar{height:8px;background:rgba(255,255,255,.1);border-radius:4px;position:relative}.skill-bar:after{content:"";position:absolute;left:0;top:0;height:100%;border-radius:4px;background:linear-gradient(90deg,#3b82f6,#7dd3fc);width:var(--skill-level);animation:fillBar 1s ease-out forwards}.skill-item span{font-size:1rem}@keyframes fillBar{0%{width:0}to{width:var(--skill-level)}}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1rem;margin:1rem 0}.project-card{border-radius:12px;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease;border:1px solid rgba(255,255,255,.1)}.project-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #3b82f633;border-color:#3b82f680}.project-header{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.tech-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tags span{font-size:.75rem;padding:.25rem .75rem;border-radius:100px;font-weight:600}.tag-react{background:rgba(97,218,251,.1);color:#61dafb}.tag-next{background:rgba(0,0,0,.1);color:#fff}.tag-ts{background:rgba(49,120,198,.1);color:#3178c6}.tag-rn{background:rgba(0,172,193,.1);color:#00acc1}.tag-firebase{background:rgba(255,167,36,.1);color:#ffa724}.tag-tailwind{background:rgba(6,182,212,.1);color:#06b6d4}.tag-api{background:rgba(74,222,128,.1);color:#4ade80}.tag-mwg{background:rgba(220,38,38,.1);color:#dc2626}.tag-aws{background:rgba(255,153,0,.1);color:#f90}.tag-payment{background:rgba(139,92,246,.1);color:#8b5cf6}.tag-ecommerce,.android-link{background:rgba(16,185,129,.1);color:#10b981}.tag-wordpress{background:rgba(33,117,155,.1);color:#21759b}.tag-php{background:rgba(119,123,180,.1);color:#777bb4}.tag-mysql{background:rgba(0,117,143,.1);color:#00758f}.tag-git{background:rgba(226,79,55,.1);color:#e24f37}.tag-jira{background:rgba(0,82,204,.1);color:#0052cc}.tag-node{background:rgba(104,160,99,.1);color:#68a063}.tag-mongo{background:rgba(71,126,68,.1);color:#477e44}.project-features{margin:1rem 0;padding-left:1.5rem}.project-features li{margin:.5rem 0;font-size:.95rem}.project-features i{color:#7dd3fc;margin-right:.5rem}.project-footer{display:flex;gap:1rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.project-link{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:6px;background:rgba(59,130,246,.1);color:#3b82f6;font-size:.9rem;transition:all .2s ease}.project-link:hover{background:rgba(59,130,246,.2);transform:translateY(-2px)}.projects-cta{margin-top:3rem;text-align:center}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.project-card{animation:fadeInUp .6s ease forwards;opacity:0}.project-card:nth-child(1){animation-delay:.1s}.project-card:nth-child(2){animation-delay:.3s}.project-card:nth-child(3){animation-delay:.5s}.timeline{position:relative;margin-top:3rem}.timeline:before{content:"";position:absolute;left:50px;top:0;height:100%;width:2px;background:linear-gradient(to bottom,rgba(59,130,246,.8),rgba(124,58,237,.8))}.timeline-card{position:relative;margin-bottom:3rem;padding-left:80px;opacity:0;animation:timelineEntry .6s ease forwards}.timeline-card:nth-child(1){animation-delay:.1s}.timeline-card:nth-child(2){animation-delay:.3s}.timeline-card:nth-child(3){animation-delay:.5s}.timeline-card:nth-child(4){animation-delay:.7s}@keyframes timelineEntry{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.timeline-header{display:flex;align-items:center;margin-bottom:1rem}.company-logo{width:60px;height:60px;border-radius:12px;background:rgba(15,15,15,.95);display:flex;align-items:center;justify-content:center;position:absolute;left:20px;border:2px solid rgba(59,130,246,.5)}.freelance-icon,.outsourcing-icon,.edgeworks-icon{font-size:1.5rem;color:#7dd3fc}.company-info{margin-left:1rem}.company-name{font-size:1.1rem;color:#7dd3fc;margin:.2rem 0}.timeline-period{font-size:.9rem;color:#9ca3af}.timeline-content{background:rgba(15,15,15,.95);padding:1.5rem;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.achievements h4,.tech-stack h4{font-size:1.1rem;margin-bottom:.5rem;color:#7dd3fc}.achievements ul{padding-left:1.5rem}.achievements li{margin:.5rem 0;font-size:.95rem}.achievements i{color:#3b82f6;margin-right:.5rem}.tech-stack{margin-top:1.5rem}@media (max-width: 768px){section,.left{grid-column:1 / 13}.project-grid{grid-template-columns:1fr}.scroll{display:none}header{grid-column:1 / 13}}@media (min-width: 1200px){.project-grid{grid-template-columns:repeat(2,1fr)}}