@import "https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600;700&display=swap";:root{--bg-primary:#fbfbf9;--bg-secondary:#fff;--text-primary:#1a1a1a;--text-secondary:#4a4a4a;--accent-color:#05f;--accent-hover:#03c;--border-color:#222;--sketch-border:255px 15px 225px 15px/15px 225px 15px 255px;--sketch-border-alt:15px 225px 15px 255px/255px 15px 225px 15px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-primary);color:var(--text-primary);background-image:radial-gradient(#d5d5d5 1px,#0000 1px);background-size:20px 20px;font-family:Caveat,cursive;font-size:1.25rem;line-height:1.4;overflow-x:hidden}a{color:inherit;text-decoration:none;transition:all .2s}a:hover{color:var(--accent-color);-webkit-text-decoration:underline wavy;text-decoration:underline wavy}.glass-card{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--sketch-border);box-shadow:4px 4px 0px var(--border-color);padding:24px;transition:transform .2s,box-shadow .2s}.glass-card:nth-child(2n){border-radius:var(--sketch-border-alt)}.glass-card:hover{box-shadow:6px 6px 0px var(--border-color);transform:translate(-2px,-2px)}.container{max-width:1000px;margin:0 auto;padding:0 24px}.section{flex-direction:column;justify-content:center;min-height:100vh;padding:100px 0;display:flex}.section-title{color:var(--text-primary);text-underline-offset:8px;margin-bottom:40px;font-size:3.5rem;font-weight:700;text-decoration:underline;text-decoration-thickness:3px;display:inline-block}.navbar{background:var(--bg-primary);border-bottom:2px solid var(--border-color);z-index:100;width:100%;padding:15px 0;position:fixed;top:0;left:0}.nav-container{justify-content:space-between;align-items:center;display:flex}.nav-logo{color:var(--accent-color);border:2px solid var(--accent-color);border-radius:var(--sketch-border);padding:4px 12px;font-size:2rem;font-weight:700;transform:rotate(-2deg)}.nav-links{gap:30px;display:flex}.nav-links a{color:var(--text-primary);font-size:1.4rem;font-weight:600}.nav-links a:hover{color:var(--accent-color);text-decoration:none;display:inline-block;transform:scale(1.1)rotate(2deg)}.hero{align-items:center;min-height:100vh;padding-top:80px;display:flex;position:relative}.hero-grid{grid-template-columns:1fr 1fr;align-items:center;gap:40px;width:100%;display:grid}.hero-left{justify-content:center;align-items:center;display:flex}.anime-container{width:100%;max-width:450px;animation:6s ease-in-out infinite float}@keyframes float{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-15px)rotate(1deg)}to{transform:translateY(0)rotate(0)}}.anime-image{border:2px dashed var(--border-color);border-radius:var(--sketch-border-alt);background:var(--bg-secondary);width:100%;height:auto;box-shadow:6px 6px 0px var(--border-color);padding:10px}.hero-right{justify-content:flex-start;align-items:center;display:flex}.hero-content{z-index:10;background:0 0;border:none;flex-direction:column;align-items:flex-start;padding:20px 0;display:flex;position:relative}.hero-subtitle{color:var(--text-primary);margin-bottom:5px;font-size:1.8rem;font-weight:600}.hero-title{color:var(--accent-color);margin-bottom:20px;font-size:4.5rem;font-weight:700;line-height:1.1}.hero-description{color:var(--text-secondary);max-width:500px;margin-bottom:30px;font-size:1.5rem;font-weight:500}.btn{cursor:pointer;pointer-events:auto;background-color:var(--bg-secondary);color:var(--text-primary);border:2px solid var(--border-color);border-radius:var(--sketch-border);box-shadow:3px 3px 0px var(--border-color);align-items:center;gap:8px;padding:10px 24px;font-family:Caveat,cursive;font-size:1.4rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary:hover{background-color:var(--text-primary);color:var(--bg-primary);box-shadow:1px 1px 0px var(--border-color);transform:translate(2px,2px)}.about-grid{grid-template-columns:1fr 1fr;align-items:stretch;gap:40px;display:grid}.skills-container{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.skill-tag{border:2px solid var(--border-color);border-radius:var(--sketch-border);box-shadow:2px 2px 0px var(--border-color);background:0 0;padding:4px 16px;font-size:1.2rem;font-weight:600;transition:all .2s}.skill-tag:hover{background:var(--accent-color);color:#fff;border-color:var(--accent-color);box-shadow:2px 2px 0px var(--text-primary)}.timeline{flex-direction:column;gap:30px;display:flex}.timeline-item{border-left:2px dashed var(--border-color);padding-left:40px;position:relative}.timeline-dot{border:2px solid var(--border-color);background-color:var(--bg-primary);border-radius:50%;width:14px;height:14px;position:absolute;top:0;left:-8px}.timeline-date{color:var(--accent-color);margin-bottom:4px;font-size:1.2rem;font-weight:600}.timeline-title{margin-bottom:2px;font-size:1.8rem;font-weight:700}.timeline-subtitle{color:var(--text-secondary);margin-bottom:12px;font-size:1.3rem}.timeline-content{color:var(--text-primary);font-size:1.3rem}.timeline-content ul{margin-top:10px;margin-left:0;list-style-type:none}.timeline-content li{margin-bottom:8px;padding-left:20px;position:relative}.timeline-content li:before{content:"-";color:var(--accent-color);font-weight:700;position:absolute;left:0}.contact-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;display:grid}.contact-card{text-align:center;border:2px solid var(--border-color);border-radius:var(--sketch-border);background:var(--bg-secondary);box-shadow:3px 3px 0px var(--border-color);transform:rotate(calc(var(--rot,0) * 1deg));flex-direction:column;align-items:center;gap:12px;padding:20px;display:flex}.contact-card:first-child{--rot:-1}.contact-card:nth-child(2){--rot:2}.contact-card:nth-child(3){--rot:-2}.contact-card:nth-child(4){--rot:1}.contact-icon{border:2px dashed var(--border-color);width:60px;height:60px;color:var(--accent-color);background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;display:flex}footer{font-size:1.3rem;font-weight:600;border-top:2px dashed var(--border-color)!important}@media (width<=992px){.hero-grid{text-align:center;grid-template-columns:1fr;gap:20px}.hero-right{justify-content:center}.hero-content{text-align:center;align-items:center}.hero-title{font-size:4rem}}@media (width<=768px){.nav-links{display:none}.hero-title{font-size:3rem}.section-title{font-size:2.8rem}.about-grid{grid-template-columns:1fr}.anime-container{max-width:300px}}@media (width<=480px){.hero-title{font-size:2.5rem}.hero-description{font-size:1.2rem}.btn{padding:8px 16px;font-size:1.2rem}}