*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#0b1221;color:#94a3b8;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:#e2e8f0;font-weight:700;letter-spacing:-.5px}h1{font-size:3rem}@media (max-width: 768px){h1{font-size:2rem}}h2{font-size:2.5rem}@media (max-width: 768px){h2{font-size:1.5rem}}h3{font-size:1.5rem}p{margin-bottom:1rem;font-size:1rem}a{color:#ffb800;text-decoration:none;transition:color .3s ease-in-out}a:hover{color:#ffc633}code{font-family:Monaco,Menlo,Ubuntu Mono,monospace;background-color:#ffb8001a;color:#ffb800;padding:.25rem .5rem;border-radius:.375rem;font-size:.9em}.container{padding:2rem}@media (max-width: 768px){.container{padding:1rem}}.section-title{text-align:center;margin-bottom:4rem;position:relative;display:inline-block;width:100%}.section-title:after{content:"";display:block;width:100px;height:4px;background:linear-gradient(135deg,#ffb800,orange);margin:1rem auto 0;border-radius:9999px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes glow{0%,to{box-shadow:0 0 5px #ffb8004d}50%{box-shadow:0 0 30px #ffb80059}}@keyframes typingCursor{50%{opacity:0}}.fade-in-section{animation:fadeIn .5s ease-in-out ease-in-out}.slide-up{animation:slideUp .3s ease-in-out ease-out}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#0b1221}::-webkit-scrollbar-thumb{background:#ffb800;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#ffc633}::selection{background-color:#ffb800;color:#0b1221}:focus-visible{outline:2px solid #FFB800;outline-offset:2px}button:focus-visible,a:focus-visible{outline:2px solid #FFB800;outline-offset:2px}.navbar{background:#0f172ab3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,184,0,.1);border-radius:1rem;border-bottom:1px solid rgba(255,184,0,.1);padding:0;transition:all .3s ease-in-out;background:#0b1221cc!important}.navbar.scrolled{padding:.5rem 2rem;background:#0b1221f2!important;box-shadow:0 10px 30px #0000004d}.navbar-brand{font-size:1.25rem;font-weight:700;color:#e2e8f0!important;display:flex;align-items:center;gap:1rem;transition:all .3s ease-in-out}.navbar-brand .logo-img{height:80px;width:auto;max-width:100px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(255,184,0,.3));transition:filter .3s ease-in-out,transform .3s ease-in-out}.navbar-brand .logo-text{background:linear-gradient(135deg,#ffb800,orange);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:1px}.navbar-brand:hover{transform:translateY(-2px)}.navbar-brand:hover .logo-img{filter:drop-shadow(0 0 15px rgba(255,184,0,.5))}.nav-link{color:#94a3b8!important;font-weight:500;position:relative;margin:0 1rem;transition:color .3s ease-in-out}.nav-link:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:#ffb800;transition:width .3s ease-in-out}.nav-link:hover,.nav-link.active{color:#ffb800!important}.nav-link:hover:after,.nav-link.active:after{width:100%}.navbar-toggler{border-color:#ffb800;padding:1rem;background-color:transparent}.navbar-toggler:focus{box-shadow:0 0 0 .25rem #ffb80040}.navbar-toggler:not(:disabled):not(.disabled){cursor:pointer}.navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27%23FFB800%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e")!important;background-repeat:no-repeat;background-position:center;background-size:100%;width:24px;height:24px;display:inline-block}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,#0b1221e6,#16213ecc);padding:0 2rem;margin-top:-120px}.hero:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,184,0,.03) 0%,transparent 70%);animation:rotate 20s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-content{position:relative;z-index:1;text-align:center;max-width:800px;animation:fadeIn 1s ease-out}.hero-dragon-logo{font-size:240px;margin-bottom:3rem;animation:slideDown 1.2s ease-out}.hero-dragon-logo .dragon-img{height:240px;width:auto;max-width:300px;object-fit:contain;filter:drop-shadow(0 0 20px rgba(255,184,0,.4));animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.hero-title{font-size:3rem;margin:2rem 0;color:#e2e8f0;position:relative;line-height:1.2}@media (max-width: 768px){.hero-title{font-size:2rem}}@media (max-width: 576px){.hero-title{font-size:1.5rem}}.hero-title span{background:linear-gradient(135deg,#ffb800,orange);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 20px rgba(255,184,0,.3)}.hero-subtitle{font-size:1.125rem;color:#94a3b8;margin-bottom:3rem;animation:slideUp .5s ease-in-out ease-out}@media (max-width: 576px){.hero-subtitle{font-size:1rem}}.cta-button{display:inline-block;background-color:#ffb800;color:#0b1221;border:2px solid #FFB800;font-weight:600;padding:.5rem 2rem;border-radius:.75rem;cursor:pointer;transition:all .3s ease-in-out}.cta-button:hover{transform:translateY(-2px);box-shadow:0 0 30px #ffb80059;background-color:#ffbf1a}.cta-button:active{transform:translateY(0)}.cta-button{font-size:1rem;animation:slideUp 1.2s ease-out}.cta-button:hover{text-shadow:0 0 20px rgba(255,184,0,.3)}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}@media (max-width: 992px){.hero{min-height:80vh;padding:3rem 1rem}.hero-dragon-logo{font-size:80px}}@media (max-width: 768px){.hero{min-height:60vh;padding:2rem 1rem}.hero-dragon-logo{font-size:60px;margin-bottom:1.5rem}}@media (max-width: 1000px){.hero{margin-top:-80px}}.about{padding:6rem 2rem;background:#0b1221}@media (max-width: 768px){.about{padding:3rem 1rem}}.about-content{color:#94a3b8;line-height:1.8}.about-content p{margin-bottom:1.5rem;font-size:1.125rem}@media (max-width: 576px){.about-content p{font-size:1rem}}.about-content p:first-child{color:#e2e8f0;font-size:1.1rem}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-top:3rem}@media (max-width: 576px){.skills-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem}}.skill-tag{background:#1e293b80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,184,0,.15);padding:1rem;text-align:center;border:1px solid rgba(255,184,0,.2);color:#ffb800;font-weight:600;transition:all .3s ease-in-out;cursor:pointer}.skill-tag:hover{background:#ffb80026;border-color:#ffb80066;box-shadow:0 0 20px #ffb80033;transform:translateY(-2px)}.about-image{display:flex;align-items:center;justify-content:center}.code-block{background:#0f172ab3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,184,0,.1);border-radius:1rem;padding:2rem;border:1px solid rgba(255,184,0,.2);position:relative}.code-block:before{content:"";position:absolute;top:1rem;left:1rem;display:flex;gap:.5rem}.code-block:before .dot{width:12px;height:12px;border-radius:50%}.code-block pre{margin:0;overflow-x:auto;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;line-height:1.6}.code-block pre code{color:#ffb800;background:none;padding:0}.code-block pre code .keyword{color:#60a5fa}.code-block pre code .string{color:#34d399}.code-block pre code .comment{color:#6b7280}@media (max-width: 992px){.about-image{margin-top:3rem}.code-block{padding:1.5rem;font-size:.85rem}}@media (max-width: 768px){.skills-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.skill-tag{padding:.5rem;font-size:.9rem}}.portfolio{padding:6rem 2rem;background:#0b1221}@media (max-width: 768px){.portfolio{padding:3rem 1rem}}.project-card{background:#0f172ab3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,184,0,.1);border-radius:1rem;padding:2rem;transition:all .3s ease-in-out;position:relative;overflow:hidden}.project-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,184,0,.1),transparent);transition:left .3s ease-in-out}.project-card:hover:before{left:100%}.project-card{height:100%;display:flex;flex-direction:column;border:1px solid rgba(255,184,0,.1);transition:transform .3s ease-in-out,box-shadow .3s ease-in-out}.project-card:hover{transform:translateY(-5px);box-shadow:0 20px 50px #0006}.project-card:hover{border-color:#ffb8004d;box-shadow:0 0 30px #ffb80059}.project-image{width:100%;height:250px;background:linear-gradient(135deg,#ffb8001a,#ffa5000d);border-radius:.75rem .75rem 0 0;overflow:hidden;position:relative}.project-image .placeholder-image{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:1.5rem;font-weight:700;color:#ffb8004d;background:linear-gradient(135deg,#1e3a8a,#7c3aed);position:relative;overflow:hidden}.project-image .placeholder-image:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);animation:shimmer 3s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.project-content{padding:2rem;flex-grow:1;display:flex;flex-direction:column}.project-title{color:#e2e8f0;margin-bottom:1rem;font-size:1.25rem}.project-description{color:#94a3b8;margin-bottom:1.5rem;flex-grow:1;font-size:.95rem;line-height:1.6}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tag{display:inline-block;background:#ffb80026;color:#ffb800;padding:.25rem 1rem;border-radius:9999px;font-size:.85rem;font-weight:600;border:1px solid rgba(255,184,0,.3);transition:all .3s ease-in-out}.tag:hover{background:#ffb80040;border-color:#ffb80099}.project-btn{background-color:transparent;color:#ffb800;border:2px solid #FFB800;font-weight:600;padding:.5rem 2rem;border-radius:.75rem;cursor:pointer;transition:all .3s ease-in-out}.project-btn:hover{background-color:#ffb8001a;box-shadow:0 0 30px #ffb80059;transform:translateY(-2px)}.project-btn:active{transform:translateY(0)}.project-btn{align-self:flex-start;font-size:.95rem;padding:.5rem 1.5rem}.project-btn:hover{background-color:#ffb80026}.portfolio .row{margin-right:-1rem;margin-left:-1rem}.portfolio .row .col-lg-4,.portfolio .row .col-md-6{padding-right:1rem;padding-left:1rem;margin-bottom:3rem}@media (max-width: 768px){.project-image{height:200px}.project-content{padding:1.5rem}.project-title{font-size:1.125rem}.project-description{font-size:.9rem}}@media (max-width: 576px){.project-image{height:180px}.project-content{padding:1rem}.project-title{font-size:1rem}.project-tags{gap:.25rem}.tag{font-size:.8rem;padding:.25rem .5rem}}.contact{padding:6rem 2rem;background:#0b1221}@media (max-width: 768px){.contact{padding:3rem 1rem}}.contact-form{animation:slideUp .5s ease-in-out ease-out}.form-group{margin-bottom:2rem;position:relative}.form-group:last-child{margin-bottom:3rem}.form-control{background-color:#1e293b80!important;border:1px solid rgba(255,184,0,.2)!important;color:#e2e8f0!important;padding:1rem 1.5rem!important;border-radius:.75rem!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1rem;transition:all .3s ease-in-out}.form-control::placeholder{color:#94a3b8}.form-control:focus{background-color:#1e293bb3!important;border-color:#ffb800!important;box-shadow:0 0 20px #ffb80033!important;color:#e2e8f0!important}.form-control:hover{border-color:#ffb8004d!important}textarea.form-control{resize:vertical;min-height:150px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.btn-submit{background-color:#ffb800;color:#0b1221;border:2px solid #FFB800;font-weight:600;padding:.5rem 2rem;border-radius:.75rem;cursor:pointer;transition:all .3s ease-in-out}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 0 30px #ffb80059;background-color:#ffbf1a}.btn-submit:active{transform:translateY(0)}.btn-submit{width:100%;font-size:1rem;text-transform:uppercase;letter-spacing:1px}.btn-submit:hover{background-color:#ffbf1a;border-color:#ffbf1a}.btn-submit:active{transform:translateY(2px)}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.btn-submit:disabled:hover{transform:none}.form-control.is-valid{border-color:#10b981!important;box-shadow:0 0 10px #10b98133!important}.form-control.is-invalid{border-color:#ef4444!important;box-shadow:0 0 10px #ef444433!important}.invalid-feedback{color:#ef4444;font-size:.9rem;margin-top:.5rem;display:block}.valid-feedback{color:#10b981;font-size:.9rem;margin-top:.5rem;display:block}@media (max-width: 768px){.contact{padding:3rem 1rem}.btn-submit{padding:1rem 1.5rem}}.footer{background:linear-gradient(180deg,#0b1221e6,#080c18);border-top:1px solid rgba(255,184,0,.1);padding:3rem 2rem;margin-top:6rem}@media (max-width: 768px){.footer{padding:2rem 1rem;margin-top:3rem}}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:3rem}@media (max-width: 768px){.footer-content{flex-direction:column;text-align:center;gap:1.5rem}}.footer-content p{color:#94a3b8;margin-bottom:0;font-size:.875rem}.social-links{display:flex;gap:1.5rem;align-items:center}@media (max-width: 768px){.social-links{justify-content:center}}.social-link{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:9999px;background:#ffb8001a;border:1px solid rgba(255,184,0,.2);color:#ffb800;transition:all .3s ease-in-out}.social-link svg{width:20px;height:20px;transition:all .3s ease-in-out}.social-link:hover{background:#ffb80033;border-color:#ffb80066;transform:translateY(-3px);box-shadow:0 0 30px #ffb80059}.social-link:hover svg{filter:drop-shadow(0 0 5px rgba(255,184,0,.4))}@media (max-width: 576px){.footer{padding:1.5rem 1rem}.social-links{gap:1rem}.social-link{width:36px;height:36px}.social-link svg{width:18px;height:18px}}