*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;padding-top:80px;background:#333;min-height:100vh}.navbar{position:fixed;top:0;left:0;width:100%;background:#0A3D62;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);z-index:1000;transition:all .3s cubic-bezier(.4,0,.2,1)}.navbar-container{display:flex;justify-content:space-between;align-items:center;padding:12px 0;position:relative;width:100%}.navbar-brand{display:flex;align-items:center;text-decoration:none;color:white;font-weight:600;font-size:1.1rem;transition:transform .3s ease}.navbar-brand:hover{transform:scale(1.2);text-decoration:none;color:white}.brand-logo{width:50px;height:50px;border-radius:12px;border:2px solid rgba(255,255,255,.2);margin-right:12px;object-fit:cover;transition:all .3s ease;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:white}.brand-logo:hover{border-color:rgba(255,255,255,.4);box-shadow:0 8px 25px rgba(0,0,0,.3)}.brand-text{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;margin-left:10px}.navbar-toggle{display:none;background:none;border:none;color:white;font-size:1.5rem;cursor:pointer;padding:8px;border-radius:8px;position:absolute;right:10px;transition:all .3s ease;overflow:hidden}.navbar-toggle::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.1);transform:translateX(-100%);transition:transform .3s ease}.navbar-toggle:hover::before{transform:translateX(0)}.navbar-toggle:hover{background:rgba(255,255,255,.1);transform:scale(1.1)}.navbar-nav{display:flex;list-style:none;margin:0;padding:0;gap:4px}.nav-item{position:relative}.nav-link{display:flex;align-items:center;padding:10px 16px;color:rgba(255,255,255,.9);text-decoration:none;border-radius:8px;font-weight:500;font-size:.95rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.nav-link::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(102,126,234,.3),rgba(118,75,162,.3));transform:scaleX(0);transform-origin:left;transition:transform .3s ease;border-radius:8px}.nav-link:hover::before{transform:scaleX(1)}.nav-link:hover{color:white;text-decoration:none;transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.2)}.nav-link i{margin-right:6px;font-size:.9rem}.btn-login{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:white !important;font-weight:600;box-shadow:0 4px 15px rgba(102,126,234,.3)}.btn-login:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(102,126,234,.4)}.navbar-collapse{display:flex;align-items:center}.h1_name{font-family:Georgia,sans-serif}.header_custom{background-color:wheat}.my_image{width:100%;height:auto}.summary{font-family:Verdana,sans-serif;color:saddlebrown}.btn{width:100px;box-shadow:0 2px 2px 0 yellow}.detail{width:100px;box-shadow:0 2px 2px 0 white}.container-fluid{margin-top:30px}#nav-php-tab{background-color:red}#nav-laravel-tab{background-color:red}#nav-javascript-tab{background-color:red}#nav-html-tab{background-color:red}#nav-css-tab{background-color:red}#nav-jquery-tab{background-color:red}#nav-mysql-tab{background-color:red}#nav-ajax-tab{background-color:red}#nav-bootstrap-tab{background-color:red}#nav-jira-tab{background-color:red}#nav-swift-tab{background-color:red}#nav-knowledge-php-tab{background-color:darkslateblue}#nav-skills-php-tab{background-color:darkslateblue}#nav-certificate-php-tab{background-color:darkslateblue}#nav-knowledge-laravel-tab{background-color:darkslateblue}#nav-skills-laravel-tab{background-color:darkslateblue}#nav-certificate-laravel-tab{background-color:darkslateblue}#nav-knowledge-javascript-tab{background-color:darkslateblue}#nav-skills-javascript-tab{background-color:darkslateblue}#nav-certificate-javascript-tab{background-color:darkslateblue}#nav-knowledge-jquery-tab{background-color:darkslateblue}#nav-skills-jquery-tab{background-color:darkslateblue}#nav-certificate-jquery-tab{background-color:darkslateblue}#nav-knowledge-mysql-tab{background-color:darkslateblue}#nav-skills-mysql-tab{background-color:darkslateblue}#nav-certificate-mysql-tab{background-color:darkslateblue}#nav-knowledge-ajax-tab{background-color:darkslateblue}#nav-skills-ajax-tab{background-color:darkslateblue}#nav-certificate-ajax-tab{background-color:darkslateblue}#nav-knowledge-html-tab{background-color:darkslateblue}#nav-skills-html-tab{background-color:darkslateblue}#nav-certificate-html-tab{background-color:darkslateblue}#nav-knowledge-css-tab{background-color:darkslateblue}#nav-skills-css-tab{background-color:darkslateblue}#nav-certificate-css-tab{background-color:darkslateblue}#nav-knowledge-bootstrap-tab{background-color:darkslateblue}#nav-skills-bootstrap-tab{background-color:darkslateblue}#nav-certificate-bootstrap-tab{background-color:darkslateblue}#nav-knowledge-jira-tab{background-color:darkslateblue}#nav-skills-jira-tab{background-color:darkslateblue}#nav-certificate-jira-tab{background-color:darkslateblue}#nav-knowledge-swift-tab{background-color:darkslateblue}#nav-skills-swift-tab{background-color:darkslateblue}#nav-certificate-swift-tab{background-color:darkslateblue}.card-header-custom{background-color:#25cff2}.card-title-custom{color:#333}.card-header-skills{color:darkblue;font-size:large}@media (min-width:992px){.navbar-collapse{position:static;margin-left:auto;margin-right:10px}.navbar-nav{flex-direction:row;gap:4px}}@media (max-width:991px){.navbar-toggle{display:block}.navbar-collapse{position:absolute;top:100%;left:5px;background:rgba(60,60,60,.98);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:12px;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 40px rgba(0,0,0,.3);width:auto;min-width:200px;max-width:calc(100vw - 20px);padding:10px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s cubic-bezier(.4,0,.2,1)}.navbar-collapse.show{opacity:1;visibility:visible;transform:translateY(0)}.navbar-nav{flex-direction:column;gap:4px;width:100%}.nav-link{padding:12px 16px;width:100%;justify-content:flex-start;border-radius:8px}.nav-link:hover{transform:translateX(4px);box-shadow:0 4px 15px rgba(0,0,0,.2)}}@media (max-width:576px){.navbar-brand{font-size:1rem}.brand-logo{width:40px;height:40px;margin-right:8px;margin-left:10px;font-size:1.2rem}.navbar-collapse{min-width:200px}.nav-link{font-size:.9rem;padding:10px 14px}}@media only screen and (max-width:320px){.summary{font-size:8px}.card-text{font-size:8px}.card-title{font-size:12px}.h4{font-size:14px;font-weight:bold}