:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;font-weight:400;color-scheme:light;color:#111827;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{width:100%;margin:0;padding:0}h1,h2,h3,h4,h5,h6{color:#111827}a{font-weight:500;color:#3b82f6;text-decoration:inherit}a:hover{color:#1d4ed8}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#f9f9f9;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.hljs{background:#f8f9fa!important;color:#24292e!important}.hljs-comment,.hljs-quote{color:#6a737d;font-style:italic}.hljs-keyword,.hljs-selector-tag,.hljs-addition{color:#d73a49}.hljs-number,.hljs-string,.hljs-meta .hljs-meta-string,.hljs-literal,.hljs-doctag,.hljs-regexp{color:#032f62}.hljs-title,.hljs-section,.hljs-name,.hljs-selector-id,.hljs-selector-class{color:#6f42c1}.hljs-attribute,.hljs-attr,.hljs-variable,.hljs-template-variable,.hljs-class .hljs-title,.hljs-type{color:#e36209}.hljs-symbol,.hljs-bullet,.hljs-subst,.hljs-meta,.hljs-meta .hljs-keyword,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-link{color:#005cc5}.hljs-built_in,.hljs-deletion{color:#b31d28}.hljs-formula{background-color:#eee}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.site-footer{background:#f8fafc;border-top:1px solid #e2e8f0;padding:2rem 1rem;margin-top:auto}.footer-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer-section{display:flex;align-items:center}.copyright{color:#64748b;font-size:.875rem;font-weight:500;margin:0}.footer-text{color:#94a3b8;font-size:.875rem;font-weight:400;margin:0}@media (max-width: 768px){.footer-content{flex-direction:column;text-align:center;gap:.5rem}.footer-section{justify-content:center}}@media (prefers-color-scheme: dark){.site-footer{background:#1e293b;border-top-color:#334155}.copyright{color:#cbd5e1}.footer-text{color:#94a3b8}}.header{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:100}.header-container{max-width:800px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.logo{text-decoration:none;color:#111827}.logo-text{font-size:1.5rem;font-weight:600;letter-spacing:-.025em}.nav{display:flex;gap:2rem}.nav-link{text-decoration:none;color:#6b7280;font-weight:500;transition:color .2s ease}.nav-link:hover,.nav-link.active{color:#111827}@media (max-width: 640px){.header-container{padding:1rem}.nav{gap:1rem}.logo-text{font-size:1.25rem}}.blog-page{min-height:100vh;background:#f9fafb;padding:2rem 1rem}.blog-container{max-width:800px;margin:0 auto}.blog-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid #e5e7eb}.blog-header-content{text-align:left}.blog-actions{display:flex;align-items:center}.rss-link{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f3f4f6;color:#374151;text-decoration:none;border-radius:.375rem;font-size:.875rem;font-weight:500;transition:all .2s ease;border:1px solid #d1d5db}.rss-link:hover{background:#e5e7eb;border-color:#9ca3af;transform:translateY(-1px)}.rss-link svg{width:16px;height:16px;opacity:.8}@media (max-width: 640px){.blog-header{flex-direction:column;gap:1rem;text-align:center}.blog-header-content{text-align:center}}.blog-title{font-size:3rem;font-weight:700;color:#111827;margin-bottom:1rem}.blog-description{font-size:1.2rem;color:#6b7280;line-height:1.6}.blog-posts{display:flex;flex-direction:column;gap:2rem}.blog-post-card{background:#fff;border-radius:1rem;padding:2rem;box-shadow:0 1px 3px #0000001a;transition:all .2s ease}.blog-post-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0000001a}.blog-post-link{text-decoration:none;color:inherit;display:block}.blog-post-title{font-size:1.5rem;font-weight:600;color:#111827;margin-bottom:.75rem;line-height:1.3}.blog-post-excerpt{color:#6b7280;font-size:1rem;line-height:1.6;margin-bottom:1rem}.blog-post-date{color:#9ca3af;font-size:.875rem;font-weight:500}.empty-state{text-align:center;padding:4rem 2rem}.empty-state p{color:#6b7280;font-size:1.1rem}.pagination{margin-top:3rem;padding-top:2rem;border-top:1px solid #e5e7eb}.pagination-container{display:flex;justify-content:center;align-items:center;gap:.5rem;flex-wrap:wrap}.pagination-btn{background:#fff;border:1px solid #d1d5db;color:#374151;padding:.5rem .75rem;border-radius:.375rem;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease;min-width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center}.pagination-btn:hover{background:#f9fafb;border-color:#9ca3af}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.pagination-btn.active:hover{background:#2563eb;border-color:#2563eb}.pagination-pages{display:flex;gap:.25rem}.pagination-prev,.pagination-next{padding:.5rem 1rem}@media (max-width: 640px){.blog-page{padding:1rem}.blog-title{font-size:2.5rem}.blog-post-card{padding:1.5rem}.blog-post-title{font-size:1.25rem}.pagination-container{gap:.25rem}.pagination-btn{padding:.375rem .5rem;font-size:.8rem;min-width:2rem;height:2rem}.pagination-prev,.pagination-next{padding:.375rem .75rem}}.tag-filter-info{background:#fff7ed;border:1px solid #fed7aa;border-radius:.5rem;padding:1rem;margin-bottom:2rem}.tag-filter-info p{margin:0;color:#9a3412;font-size:.875rem;display:flex;align-items:center;gap:.5rem}.tag-filter-info p:first-child{margin-bottom:.5rem}.clear-filter-btn{background:#dc2626;color:#fff;border:none;border-radius:.25rem;padding:.25rem .5rem;font-size:.75rem;cursor:pointer;transition:background-color .2s ease;margin-left:.5rem}.clear-filter-btn:hover{background:#b91c1c}.filter-results{font-weight:500;color:#7c2d12}.no-posts-found{background:#fff;border-radius:1rem;padding:3rem 2rem;text-align:center;box-shadow:0 1px 3px #0000001a}.no-posts-found h2{color:#6b7280;font-size:1.5rem;margin-bottom:1rem}.no-posts-found p{color:#9ca3af;font-size:1rem;margin-bottom:1.5rem}.share-buttons{display:flex;align-items:center;gap:1rem}.share-label{color:#6b7280;font-size:1rem;font-weight:500;white-space:nowrap}.share-button-group{display:flex;gap:.5rem;position:relative}.share-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:50%;cursor:pointer;transition:all .2s ease;color:#fff;font-size:0}.share-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.share-button.twitter{background-color:#1da1f2}.share-button.twitter:hover{background-color:#0d8bd9}.share-button.linkedin{background-color:#0077b5}.share-button.linkedin:hover{background-color:#005885}.share-button.facebook{background-color:#1877f2}.share-button.facebook:hover{background-color:#166fe5}.share-button.email{background-color:#6b7280}.share-button.email:hover{background-color:#4b5563}.share-button.copy{background-color:#10b981}.share-button.copy:hover{background-color:#059669}.share-button.copy.copied{background-color:#059669;animation:pulse .3s ease-in-out}.copy-feedback{position:absolute;top:-2rem;right:0;background:#059669;color:#fff;padding:.25rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:500;animation:fadeInOut 2s ease-in-out}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes fadeInOut{0%,to{opacity:0;transform:translateY(.25rem)}20%,80%{opacity:1;transform:translateY(0)}}@media (max-width: 640px){.share-buttons{flex-direction:column;align-items:flex-start;gap:.75rem}.share-button-group{width:100%;justify-content:flex-start}.share-button{width:36px;height:36px}.share-label{font-size:.8rem}}.blog-post-page{min-height:100vh;background:#f9fafb;padding:2rem 1rem}.blog-post-container{max-width:800px;margin:0 auto}.blog-post{background:#fff;border-radius:1rem;overflow:hidden;box-shadow:0 1px 3px #0000001a}.blog-post-hero{position:relative;padding:3rem;background:linear-gradient(135deg,#667eea,#764ba2);background-size:cover;background-position:center;background-attachment:local;min-height:400px;display:flex;align-items:flex-end}.blog-post-hero.has-background{background-blend-mode:overlay}.blog-post-hero.has-background:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#667eeab3,#764ba2b3);z-index:1}.blog-post-hero-overlay{position:relative;z-index:2;width:100%}.back-link-bubble,.title-bubble,.meta-bubble{background:#ffffffbf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;padding:1rem 1.5rem;margin-bottom:1.5rem;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.back-link-bubble:hover,.meta-bubble:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00000026}.title-bubble{padding:2rem 2.5rem}.title-bubble:hover{transform:translateY(-3px);box-shadow:0 16px 48px #0003}.blog-post-hero:not(.has-background){background:transparent;padding:3rem 3rem 2rem;min-height:auto}.blog-post-hero:not(.has-background) .back-link-bubble,.blog-post-hero:not(.has-background) .title-bubble,.blog-post-hero:not(.has-background) .meta-bubble{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;border:none;padding:0;margin-bottom:1rem}.blog-post-hero:not(.has-background) .title-bubble{padding:0;margin-bottom:1rem}.blog-post-hero:not(.has-background) .blog-post-header{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #e5e7eb}.back-link{display:inline-block;color:#6b7280;text-decoration:none;font-weight:500;transition:color .2s ease;background:none;border:none;cursor:pointer;font-size:inherit;font-family:inherit;padding:0}.back-link:hover{color:#111827}.blog-post-hero.has-background .back-link{color:#374151}.blog-post-hero.has-background .back-link:hover{color:#111827}.blog-post-header{width:100%}.blog-post-title{font-size:2.5rem;font-weight:700;color:#111827;line-height:1.2;margin:0}.blog-post-subtitle{font-size:1.2rem;color:#6b7280;font-weight:400;font-style:italic;margin:.5rem 0 0;line-height:1.4}.blog-post-content{padding:1.5rem 3rem 3rem;line-height:1.7;color:#374151}.blog-post-meta{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin:0}.blog-post-meta-left{display:flex;align-items:center;gap:1rem}.blog-post-meta-right{display:flex;align-items:center}.blog-post-date{color:#6b7280;font-size:1rem;font-weight:500}.blog-post-reading-time{color:#6b7280;font-size:1rem;font-weight:500;display:flex;align-items:center;gap:.375rem}.blog-post-reading-time:before{content:"🕒";font-size:.875rem}.blog-post-tags{display:flex;flex-wrap:wrap;gap:.5rem}.blog-post-tag{background:#f3f4f6;color:#374151;padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:500}.blog-post-content{line-height:1.7;color:#374151}.blog-post-content h1,.blog-post-content h2,.blog-post-content h3,.blog-post-content h4,.blog-post-content h5,.blog-post-content h6{color:#111827;font-weight:600;margin-top:2rem;margin-bottom:1rem;line-height:1.3}.blog-post-content h1{font-size:2rem;border-bottom:2px solid #e5e7eb;padding-bottom:.5rem}.blog-post-content h2{font-size:1.5rem}.blog-post-content h3{font-size:1.25rem}.blog-post-content p{margin-bottom:1.5rem}.blog-post-content em{color:#6b7280;font-style:italic}.blog-post-content strong{font-weight:600;color:#111827}.blog-post-content ul,.blog-post-content ol{margin-bottom:1.5rem;padding-left:1.5rem}.blog-post-content li{margin-bottom:.5rem}.blog-post-content blockquote{border-left:4px solid #e5e7eb;margin:1.5rem 0;padding-left:1.5rem;color:#6b7280;font-style:italic}.blog-post-content pre{background:#f3f4f6;border-radius:.5rem;padding:1.5rem;overflow-x:auto;margin:1.5rem 0;font-size:.875rem}.blog-post-content code{background:#f3f4f6;padding:.25rem .5rem;border-radius:.25rem;font-size:.875rem;font-family:Monaco,Consolas,monospace}.blog-post-content pre code{background:none;padding:0}.blog-post-content a{color:#3b82f6;text-decoration:none}.blog-post-content a:hover{text-decoration:underline}.blog-post-content hr{border:none;border-top:1px solid #e5e7eb;margin:2rem 0}.not-found,.loading{text-align:center;padding:4rem 2rem}.not-found h1{font-size:2rem;color:#111827;margin-bottom:1rem}.not-found p{color:#6b7280;margin-bottom:2rem}.loading{color:#6b7280;font-size:1.1rem}@media (max-width: 768px){.blog-post-page{padding:1rem}.blog-post{padding:0}.blog-post-title{font-size:2rem}.blog-post-content pre{padding:1rem;font-size:.8rem}.blog-post-hero{padding:2.5rem 2rem;min-height:350px}.blog-post-meta{flex-direction:column;align-items:flex-start;gap:.5rem}.blog-post-meta-left,.blog-post-meta-right{width:100%;justify-content:flex-start}.blog-post-meta-right{margin-top:.75rem}.blog-post-footer{margin:3rem 2rem}}@media (max-width: 640px){.blog-post-page{padding:1rem}.blog-post-hero{padding:2rem 1.5rem;min-height:300px}.back-link-bubble,.title-bubble,.meta-bubble{padding:.75rem 1rem;margin-bottom:1rem}.title-bubble{padding:1.5rem 1.25rem}.blog-post-title{font-size:1.75rem}.blog-post-content{padding:1rem 1.5rem 2rem}.blog-post-footer{margin:3rem 1.5rem}.blog-post-hero:not(.has-background){padding:2rem 1.5rem}.blog-post-hero:not(.has-background) .title-bubble{padding:0}.blog-post-hero:not(.has-background) .meta-bubble{padding:0}}.blog-post-content img{max-width:100%;height:auto;border-radius:.5rem;margin:1rem 0;box-shadow:0 1px 3px #0000001a}.blog-post-content img[src*="#thumbnail"]{max-width:150px;float:left;margin:0 1rem 1rem 0;border-radius:.375rem}.blog-post-content table:after,.blog-post-content p:after{content:"";display:table;clear:both}.blog-post-content table{width:100%;border-collapse:collapse;margin:1.5rem 0;background:#fff;border-radius:.5rem;overflow:hidden;box-shadow:0 1px 3px #0000001a}.blog-post-content table th,.blog-post-content table td{padding:1rem;text-align:left;border-bottom:1px solid #e5e7eb;vertical-align:top}.blog-post-content table th{background:#f9fafb;font-weight:600;color:#374151}.blog-post-content table tr:last-child td{border-bottom:none}.blog-post-content table tr:hover{background:#f9fafb}.blog-post-content table td:first-child{width:150px;text-align:center}.blog-post-content table td:nth-child(2){width:200px;font-weight:500}.blog-post-content table td:last-child{width:auto}@media (max-width: 640px){.blog-post{padding:0}.blog-post-title{font-size:1.75rem}.blog-post-content table{display:block;overflow-x:auto;white-space:nowrap;margin:1rem 0}.blog-post-content table td:first-child{width:100px}.blog-post-content table td:nth-child(2){width:150px}.blog-post-content table td,.blog-post-content table th{padding:.5rem;font-size:.875rem}.blog-post-content table,.blog-post-content table tbody,.blog-post-content table tr,.blog-post-content table td{display:block;width:100%}.blog-post-content table tr{margin-bottom:1rem;border:1px solid #e5e7eb;border-radius:.375rem;padding:.5rem}.blog-post-content table td{border:none;padding:.25rem 0;text-align:left!important;width:100%!important}.blog-post-content table td:first-child{text-align:center!important;margin-bottom:.5rem}}.blog-post-footer{margin:3rem;padding-top:2rem;border-top:1px solid #e5e7eb}.blog-post-footer .blog-post-tags{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-start}.blog-post-footer .blog-post-tag{background:#f3f4f6;color:#374151;padding:.4rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s ease;cursor:pointer}.blog-post-footer .blog-post-tag:hover{background:#e5e7eb;color:#1f2937;transform:translateY(-1px)}@media (max-width: 640px){.blog-post-footer{margin:3rem 2rem 0}}.home{min-height:100vh}.hero{background:linear-gradient(135deg,#667eea,#764ba2,#667eea);background-size:200% 200%;color:#fff;padding:4rem 2rem;text-align:center;animation:gradientShift 20s ease-in-out infinite;position:relative;overflow:hidden}.hero:before,.hero:after{content:"";position:absolute;border-radius:50%;background:#ffffff1a;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}.hero:before{width:80px;height:80px;top:20%;left:10%;animation:float1 18s infinite linear}.hero:after{width:60px;height:60px;top:60%;right:15%;animation:float2 22s infinite linear}@keyframes gradientShift{0%{background-position:0% 50%}25%{background-position:100% 0%}50%{background-position:100% 100%}75%{background-position:0% 100%}to{background-position:0% 50%}}@keyframes float1{0%{transform:translate(0) rotate(0)}25%{transform:translate(30px,-20px) rotate(90deg)}50%{transform:translate(-20px,30px) rotate(180deg)}75%{transform:translate(-25px,-25px) rotate(270deg)}to{transform:translate(0) rotate(360deg)}}@keyframes float2{0%{transform:translate(0) rotate(0)}20%{transform:translate(-25px,20px) rotate(72deg)}40%{transform:translate(20px,-30px) rotate(144deg)}60%{transform:translate(35px,25px) rotate(216deg)}80%{transform:translate(-10px,-15px) rotate(288deg)}to{transform:translate(0) rotate(360deg)}}.floating-shape{position:absolute;opacity:.15;animation-timing-function:linear;animation-iteration-count:infinite}.shape-triangle{width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-bottom:35px solid rgba(255,255,255,.2);top:15%;right:20%;animation:floatTriangle 25s infinite}.shape-square{width:30px;height:30px;background:#fff3;transform:rotate(45deg);top:70%;left:20%;animation:floatSquare 30s infinite}.shape-hexagon{width:40px;height:23px;background:#fff3;position:relative;top:40%;right:10%;animation:floatHexagon 35s infinite}.shape-hexagon:before,.shape-hexagon:after{content:"";position:absolute;width:0;border-left:20px solid transparent;border-right:20px solid transparent}.shape-hexagon:before{bottom:100%;border-bottom:12px solid rgba(255,255,255,.2)}.shape-hexagon:after{top:100%;border-top:12px solid rgba(255,255,255,.2)}.shape-diamond{width:25px;height:25px;background:#fff3;transform:rotate(45deg);top:25%;left:80%;animation:floatDiamond 20s infinite}@keyframes floatTriangle{0%{transform:translate(0) rotate(0)}25%{transform:translate(-40px,25px) rotate(90deg)}50%{transform:translate(35px,-30px) rotate(180deg)}75%{transform:translate(30px,40px) rotate(270deg)}to{transform:translate(0) rotate(360deg)}}@keyframes floatSquare{0%{transform:translate(0) rotate(45deg)}20%{transform:translate(30px,-25px) rotate(117deg)}40%{transform:translate(-25px,-35px) rotate(189deg)}60%{transform:translate(-35px,20px) rotate(261deg)}80%{transform:translate(20px,30px) rotate(333deg)}to{transform:translate(0) rotate(405deg)}}@keyframes floatHexagon{0%{transform:translate(0) rotate(0)}16%{transform:translate(-30px,-20px) rotate(60deg)}33%{transform:translate(25px,-40px) rotate(120deg)}50%{transform:translate(40px,15px) rotate(180deg)}66%{transform:translate(-20px,35px) rotate(240deg)}83%{transform:translate(-35px,-10px) rotate(300deg)}to{transform:translate(0) rotate(360deg)}}@keyframes floatDiamond{0%{transform:translate(0) rotate(45deg)}25%{transform:translate(-45px,30px) rotate(135deg)}50%{transform:translate(20px,-25px) rotate(225deg)}75%{transform:translate(25px,15px) rotate(315deg)}to{transform:translate(0) rotate(405deg)}}.hero-content{max-width:600px;margin:0 auto}.hero-title{font-size:3rem;font-weight:700;margin-bottom:1rem;line-height:1.1}.hero-name{background:linear-gradient(45deg,gold,#ffed4e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.5rem;font-weight:300;margin-bottom:1.5rem;opacity:.9}.hero-description{font-size:1.1rem;line-height:1.6;margin-bottom:2rem;opacity:.9}.hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.cta-primary,.cta-secondary{display:inline-block;padding:.75rem 2rem;text-decoration:none;border-radius:.5rem;font-weight:600;transition:all .2s ease}.cta-primary{background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.3)}.cta-primary:hover{background:#ffffff4d;transform:translateY(-2px)}.cta-secondary{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.5)}.cta-secondary:hover{background:#ffffff1a;transform:translateY(-2px)}.about,.contact{padding:4rem 2rem}.about{background:#f9fafb}.section-content{max-width:800px;margin:0 auto}.section-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:3rem;color:#111827}.about-grid{display:grid;gap:3rem;grid-template-columns:1fr 1fr}.about-text p{font-size:1.1rem;line-height:1.7;color:#4b5563;margin-bottom:1.5rem}.skills h3{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:#111827}.skill-tags{display:flex;flex-wrap:wrap;gap:.5rem}.skill-tag{background:#e5e7eb;color:#374151;padding:.5rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:500}.contact-description{text-align:center;font-size:1.1rem;color:#4b5563;margin-bottom:2rem;line-height:1.6}.contact-links{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}.contact-link{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#f3f4f6;color:#374151;text-decoration:none;border-radius:.5rem;font-weight:500;transition:all .2s ease}.contact-link:hover{background:#e5e7eb;transform:translateY(-2px)}@media (max-width: 768px){.hero{padding:3rem 1rem}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.25rem}.about-grid{grid-template-columns:1fr;gap:2rem}.hero-actions{flex-direction:column;align-items:center}.cta-primary,.cta-secondary{width:100%;max-width:200px}}@media (max-width: 640px){.about,.contact{padding:3rem 1rem}.section-title{font-size:2rem}.contact-links{flex-direction:column;align-items:center}.contact-link{width:100%;max-width:200px;justify-content:center}}@media (max-width: 480px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1.1rem}.hero-description{font-size:1rem}.section-title{font-size:1.75rem}.about-text p{font-size:1rem}}@media (prefers-contrast: high){.hero{background:linear-gradient(135deg,navy,#000040)}.hero-name{background:linear-gradient(45deg,#ff0,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}}@media (prefers-reduced-motion: reduce){.cta-primary:hover,.cta-secondary:hover,.contact-link:hover{transform:none}.nav-link,.cta-primary,.cta-secondary,.contact-link{transition:none}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;color:#111827;line-height:1.6}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1}a:focus,button:focus,input:focus,textarea:focus,select:focus{outline:2px solid #3b82f6;outline-offset:2px}