:root{--primary:#f59e0b;--primary-light:#fde68a;--primary-dark:#d97706;--bg-light:#fff7ed}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,Segoe UI,Arial,sans-serif}body{color:#78350f;background:linear-gradient(135deg,#fff7ed,#fde68a);min-height:100vh}nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:#fff7ede6;border-bottom:1px solid #00000014;padding:16px}nav a{color:#92400e;margin:0 15px;font-weight:600;text-decoration:none;position:relative}nav a:after{content:"";background:var(--primary);width:0%;height:2px;transition:all .3s;position:absolute;bottom:-4px;left:0}nav a:hover:after{width:100%}.container{background:#fffffff2;border-radius:16px;max-width:700px;margin:50px auto;padding:30px;animation:.6s fadeIn;box-shadow:0 10px 25px #00000026}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}h1{text-align:center;color:#92400e;margin-bottom:20px}.profile{text-align:center;margin-top:20px}.profile img{border:4px solid var(--primary);border-radius:50%;width:110px;margin-bottom:10px;transition:all .3s}.profile img:hover{transform:scale(1.05)}form{margin-top:20px}label{color:#78350f;font-size:14px;font-weight:600}input{background:#fff;border:1px solid #fcd34d;border-radius:10px;width:100%;margin-top:6px;margin-bottom:16px;padding:12px;transition:all .2s}input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px #f59e0b33}button{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;cursor:pointer;border:none;border-radius:10px;width:100%;padding:12px;font-weight:700;transition:all .3s}button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #f59e0b4d}pre{color:var(--primary-light);background:#78350f;border-radius:10px;margin-top:20px;padding:15px;overflow-x:auto}hr{background:#fde68a;border:none;height:1px;margin:20px 0}