.App{text-align:center;min-height:100vh;background:linear-gradient(45deg,#1c1c1d31,#313535,#393d3b);width:100%;display:flex;justify-content:center;align-items:center}.business-card{background-color:#474646;border:1px solid #bd4f4f;color:#faebd7;border-radius:8px;padding:16px;max-width:300px;margin:0;box-shadow:0 4px 8px #0000001a;font-family:Arial,sans-serif;font-style:italic;text-shadow:.3cm}.business-card:hover{border:#bd4f4f;border-radius:10px}.business-card a{color:#000;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}.profile-image{width:80px;height:80px;border-radius:50%;object-fit:cover;display:block;margin:0 auto 16px}.business-card a img{width:30px;height:30px;object-fit:contain;border-radius:10px}.business-card a:hover img{transform:scale(1.33);transition-duration:50ms}.social-links{display:flex;justify-content:center;gap:20px;margin:10px 0}.home-container{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;background:linear-gradient(135deg,#1a1a1a,#2a2a2a);color:#fff}.title-section{text-align:center;margin-bottom:4rem}.main-title{font-size:2.5rem;margin-bottom:1rem;line-height:1.2}.highlight{background:linear-gradient(120deg,#bd4f4f,#ff6b6b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.author{font-size:1.2rem;color:#999;font-weight:400}.author a{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:inherit;transition:opacity .3s ease}.author a:hover{opacity:.8}.author-image{width:30px;height:30px;border-radius:50%;object-fit:cover}.navigation{display:flex;flex-direction:column;gap:1.5rem;width:100%;max-width:500px}.nav-link{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;background:#ffffff0d;border-radius:12px;text-decoration:none;color:#fff;transition:all .3s ease;border:1px solid rgba(255,255,255,.1)}.nav-link:hover{background:#ffffff1a;transform:translateY(-2px);box-shadow:0 10px 20px #0003}.nav-link.active{background:#bd4f4f33;border-color:#bd4f4f}.day-number{font-size:.9rem;color:#bd4f4f;font-weight:700}.project-name{font-size:1.2rem;font-weight:500}.arrow{font-size:1.2rem;opacity:0;transform:translate(-10px);transition:all .3s ease}.grade-calculator{text-align:center;font-family:Arial,Helvetica,sans-serif;color:#000;padding:20px;min-height:100vh;width:100%;margin:0;background:repeating-linear-gradient(45deg,#0000ff31,#39d4d4,#00ff80);display:flex;flex-direction:column;justify-content:center;position:fixed;top:0;left:0}.calculator-container{display:flex;justify-content:center;align-items:center;min-height:80vh;flex-direction:column;gap:15px;z-index:1}.grade-calculator nav{position:absolute;top:20px;left:20px;z-index:2}.calc-box{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;border-radius:15px;box-shadow:0 8px 32px #1f26875e;border:1px solid rgba(255,255,255,.18);width:100%;max-width:400px}.input-group{display:flex;align-items:center;justify-content:center;gap:10px;margin:20px 0}.input-group input{padding:10px;border-radius:5px;border:1px solid rgba(255,255,255,.18);background:#ffffff1a;color:#fff;font-size:16px}.calc-box button{background:#bd4f4f;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:16px;transition:background .3s ease}.calc-box button:hover{background:#a13d3d}.calc-box h1,.calc-box h2{color:#fff;margin:10px 0}@media (max-width: 768px){.main-title{font-size:2rem}.navigation{padding:0 1rem}}.skill-manager-container{min-height:100vh;font-family:Arial,Helvetica,sans-serif;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;background:linear-gradient(135deg,#1a1a1a,#2a2a2a);color:#fff}.skills-list{list-style:none;font-family:Arial,Helvetica,sans-serif;padding:0;margin:1rem 0;border-color:#a13d3d}.skills-list li{padding:5px 80px;border-bottom:1px solid #0000ff31;margin-bottom:10px;background-color:#00ff80}.home-container{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.title-section{text-align:center;margin-bottom:4rem;animation:fadeIn 1s ease-out}.main-title{font-size:clamp(2rem,5vw,3.5rem);margin-bottom:1.5rem;line-height:1.2;letter-spacing:-.02em;font-weight:800}.highlight{background:linear-gradient(120deg,#60a5fa,#3b82f6,#2563eb);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:800;position:relative;display:inline-block}.highlight:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:2px;background:linear-gradient(90deg,#60a5fa,#3b82f6);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.highlight:hover:after{transform:scaleX(1)}.author{font-size:1.25rem;color:#94a3b8;font-weight:500;margin-top:1rem}.author a{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:#e2e8f0;padding:8px 16px;background:#ffffff0d;border-radius:9999px;transition:all .3s ease}.author a:hover{background:#ffffff1a;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.author-image{width:32px;height:32px;border-radius:50%;border:2px solid #60a5fa;transition:transform .3s ease}.author a:hover .author-image{transform:scale(1.1)}.navigation{display:grid;gap:1.5rem;width:100%;max-width:600px;padding:0 1rem}.nav-link{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1.5rem;padding:1.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:16px;text-decoration:none;color:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.nav-link:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.03));opacity:0;transition:opacity .3s ease}.nav-link:hover{transform:translateY(-4px);border-color:#60a5fa80;box-shadow:0 10px 25px -3px #0000001a,0 4px 6px -2px #0000000d}.nav-link:hover:before{opacity:1}.day-number{font-size:.875rem;color:#60a5fa;font-weight:600;padding:4px 8px;background:#60a5fa1a;border-radius:6px}.project-name{font-size:1.25rem;font-weight:600;color:#f8fafc}.arrow{font-size:1.25rem;opacity:0;transform:translate(-10px);transition:all .3s ease;color:#60a5fa}.nav-link:hover .arrow{opacity:1;transform:translate(0)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.main-title{font-size:clamp(1.5rem,4vw,2.5rem)}.navigation{padding:0 .5rem}.nav-link{padding:1rem;gap:1rem}.project-name{font-size:1.125rem}}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1e293b}::-webkit-scrollbar-thumb{background:#3b82f6;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#60a5fa}