*{margin:0;padding:0;box-sizing:border-box}html,body{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;font-family:'Fredoka',sans-serif;line-height:1.6}.container{max-width:1000px;margin:0 auto;padding:2rem}.header{text-align:center;padding:2rem 0}.header h1{font-size:2.5rem;margin-bottom:0.5rem}.tagline{font-size:0.95rem;opacity:0.9}.main{padding:2rem 0}.intro{text-align:center;padding:2rem;background:rgba(255,255,255,0.1);border-radius:8px;margin-bottom:3rem}.intro h2{font-size:2rem;margin-bottom:1rem}.intro p{opacity:0.9}.portfolio h2{font-size:1.8rem;margin-bottom:2rem}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.work{background:rgba(255,255,255,0.1);padding:2rem;border-radius:8px;backdrop-filter:blur(10px);transition:all 300ms}.work:hover{background:rgba(255,255,255,0.2);transform:translateY(-5px)}.work h3{margin-bottom:0.5rem}.work p{opacity:0.8}.cta{text-align:center;margin:3rem 0}.btn{padding:1rem 2rem;background:#fff;color:#667eea;border:none;font-weight:700;cursor:pointer;border-radius:4px;transition:all 300ms}.btn:hover{transform:scale(1.05)}@media(max-width:768px){.gallery{grid-template-columns:1fr}.header h1{font-size:2rem}}