*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Inter",sans-serif;line-height:1.7;color:#E8E8E8;background:linear-gradient(135deg, #111 0%, #222 100%);min-height:100vh}.navbar{background:rgba(13,13,13,0.95);backdrop-filter:blur(15px);padding:1rem 0;position:fixed;top:0;width:100%;z-index:1000;border-bottom:2px solid #ad974f;box-shadow:0 2px 20px rgba(173,151,79,0.1)}.navbar .nav-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.navbar .nav-brand{color:#ad974f;font-size:1.5rem;font-weight:700;text-decoration:none;transition:all 0.3s ease}.navbar .nav-brand:hover{color:#a69765;transform:scale(1.05)}.navbar .nav-links{display:flex;gap:1.5rem}.navbar .nav-link{color:#E8E8E8;font-size:1.1rem;text-decoration:none;transition:all 0.3s ease;padding:0.5rem;border-radius:5px}.navbar .nav-link:hover{color:#ad974f;background:rgba(173,151,79,0.1)}.content{max-width:900px;margin:0 auto;padding:120px 2rem 2rem}.hero-image-container{text-align:center;margin-bottom:2rem;width:100%;display:flex;justify-content:center;align-items:center}.hero-photo{display:block;text-align:center;margin:0 auto}.hero-photo .profile-image{width:200px;height:200px;border-radius:50%;object-fit:cover;border:4px solid #ad974f;box-shadow:0 0 30px rgba(173,151,79,0.3),0 0 60px rgba(173,151,79,0.1);transition:all 0.3s ease;display:block;margin:0 auto}.hero-photo .profile-image:hover{transform:scale(1.05);box-shadow:0 0 40px rgba(173,151,79,0.5),0 0 80px rgba(173,151,79,0.2);border-color:#a69765}@media (max-width: 768px){.hero-photo .profile-image{width:150px;height:150px}}h1.hero-title{font-size:3.5rem;font-weight:700;color:#FAFAFA;text-align:center;margin-bottom:1rem;background:linear-gradient(135deg, #FAFAFA, #E8E8E8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width: 768px){h1.hero-title{font-size:2.5rem}}h2.hero-subtitle{font-size:1.6rem;color:#ad974f;text-align:center;margin-bottom:2rem;font-weight:500;text-shadow:1px 1px 2px rgba(13,13,13,0.5)}h2.section-title{font-size:2.2rem;color:#FAFAFA;margin:3rem 0 1.5rem;padding-bottom:0.5rem;font-weight:600;position:relative;text-align:left}h2.section-title::after{content:'';position:absolute;bottom:0;left:0;width:60px;height:3px;background:linear-gradient(90deg, #ad974f, #8e793e);border-radius:2px}h3{color:#a69765;font-size:1.4rem;margin:2rem 0 1rem;font-weight:600}h4{color:#ad974f;font-size:1.2rem;margin:1.5rem 0 0.5rem;font-weight:500}p{margin-bottom:1.2rem;color:#E8E8E8;line-height:1.7}p.hero-description{font-size:1.2rem;text-align:center;color:#B5B5B5;margin-bottom:2.5rem;max-width:700px;margin-left:auto;margin-right:auto;line-height:1.8;padding:1.5rem;background:rgba(173,151,79,0.05);border-radius:10px;border:1px solid rgba(173,151,79,0.1)}.btn{display:inline-block;padding:14px 35px;margin:0 0.5rem;border-radius:25px;text-decoration:none;font-weight:600;transition:all 0.3s ease;text-transform:uppercase;letter-spacing:1px;font-size:0.9rem}.btn.btn-primary{background:linear-gradient(135deg, #ad974f, #8e793e);color:#0D0D0D;box-shadow:0 4px 15px rgba(173,151,79,0.3)}.btn.btn-primary:hover{background:linear-gradient(135deg, #a69765, #ad974f);transform:translateY(-3px);box-shadow:0 8px 25px rgba(173,151,79,0.4)}.btn.btn-secondary{border:2px solid #ad974f;color:#ad974f;background:transparent}.btn.btn-secondary:hover{background:#ad974f;color:#0D0D0D;transform:translateY(-3px);box-shadow:0 6px 20px rgba(173,151,79,0.3)}.hero-buttons{text-align:center;margin:2.5rem 0}ul,ol{margin:1.2rem 0;padding-left:2rem}ul li,ol li{margin-bottom:0.8rem;color:#E8E8E8}ul li::marker,ol li::marker{color:#ad974f}strong{color:#a69765;font-weight:600;background:rgba(173,151,79,0.1);padding:0.1rem 0.3rem;border-radius:3px}a{color:#ad974f;text-decoration:none;transition:all 0.3s ease}a:hover{color:#a69765;text-decoration:underline}code{background:rgba(173,151,79,0.15);color:#a69765;padding:0.3rem 0.6rem;border-radius:5px;font-family:'Courier New', monospace;border:1px solid rgba(173,151,79,0.3);font-size:0.9rem}hr{border:none;height:2px;background:linear-gradient(to right, transparent, #ad974f, #8e793e, transparent);margin:4rem 0;opacity:0.7}blockquote{border-left:4px solid #ad974f;padding:1.5rem;margin:1.5rem 0;font-style:italic;color:#B5B5B5;background:rgba(173,151,79,0.08);border-radius:8px;box-shadow:0 2px 10px rgba(173,151,79,0.1)}table{width:100%;border-collapse:collapse;margin:1.5rem 0;background:rgba(17,17,17,0.8);border-radius:8px;overflow:hidden;box-shadow:0 4px 15px rgba(173,151,79,0.1)}table th,table td{padding:1rem;text-align:left;color:#E8E8E8;border-bottom:1px solid rgba(173,151,79,0.1)}table th{background:linear-gradient(135deg, #ad974f, #8e793e);color:#0D0D0D;font-weight:600;text-transform:uppercase;letter-spacing:0.5px}table tr:hover{background:rgba(173,151,79,0.05)}.footer-text{text-align:center;color:#6A6A6A;font-style:italic;margin-top:4rem;padding:2rem;border-top:1px solid rgba(173,151,79,0.2);background:rgba(17,17,17,0.5);border-radius:8px}@media (max-width: 768px){.content{padding:100px 1rem 1rem}.nav-container{padding:0 1rem}.hero-buttons .btn{display:block;margin:0.5rem auto;width:fit-content}h2.section-title{font-size:1.8rem}.hero-photo .profile-image{width:150px;height:150px}}html{scroll-behavior:smooth}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.content>*{animation:fadeInUp 0.6s ease-out}button:focus,a:focus,input:focus{outline:2px solid #ad974f;outline-offset:2px}.section-title{scroll-margin-top:100px}::selection{background:rgba(173,151,79,0.3);color:#FAFAFA}::-moz-selection{background:rgba(173,151,79,0.3);color:#FAFAFA}.profile-image[src=""]{background:linear-gradient(45deg, #111, #222)}.profile-image[src=""]::before{content:"📷";font-size:3rem;color:#ad974f}