.initial-loader,.spinner{justify-content:center;display:flex}.container,body{min-height:100vh}.profile-name,.profile-title{text-transform:uppercase;letter-spacing:2px;font-weight:700}.info-card,.social-icon{transition:.3s;overflow:hidden}:root{--primary-gold:#ffd700;--primary-gold-light:#ffed4e;--primary-gold-dark:#b8860b;--bg-primary:#0a0a0a;--bg-secondary:#1a2f1a;--bg-tertiary:#0d1a0d;--bg-quaternary:#2d1810;--card-bg-primary:rgba(26, 47, 26, 0.95);--card-bg-secondary:rgba(13, 26, 13, 0.95);--card-border:rgba(255, 215, 0, 0.3);--text-primary:#ffffff;--text-secondary:#e0e0e0;--text-muted:#a0a0a0;--shadow-dark:rgba(0, 0, 0, 0.8);--shadow-medium:rgba(0, 0, 0, 0.6);--shadow-light:rgba(0, 0, 0, 0.4);--gold-glow:rgba(255, 215, 0, 0.3);--gold-glow-light:rgba(255, 215, 0, 0.15)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background:linear-gradient(135deg,var(--bg-primary),var(--bg-secondary),var(--bg-tertiary),var(--bg-quaternary));background-size:400% 400%;animation:15s infinite gradientShift;min-height:100dvh;overflow-x:hidden;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}@keyframes gradientShift{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}.initial-loader{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--bg-primary),var(--bg-secondary));align-items:center;z-index:1000;animation:1s ease-out 1s forwards fadeOut}.spinner{width:50px;height:50px;position:relative;align-items:center}.spinner::before{content:'';position:absolute;width:100%;height:100%;border:3px solid transparent;border-top:3px solid var(--primary-gold);border-right:3px solid var(--primary-gold);border-radius:50%;animation:1s linear infinite spinRotate;box-shadow:0 0 15px var(--gold-glow)}.spinner::after{content:'';position:absolute;width:70%;height:70%;border:2px solid transparent;border-bottom:2px solid var(--primary-gold-light);border-left:2px solid var(--primary-gold-light);border-radius:50%;animation:1.5s linear infinite spinRotateReverse;box-shadow:0 0 10px var(--gold-glow-light)}@keyframes spinRotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes spinRotateReverse{0%{transform:rotate(0)}100%{transform:rotate(-360deg)}}@keyframes fadeOut{to{opacity:0;visibility:hidden}}.container{display:flex;justify-content:center;align-items:center;min-height:100dvh;padding:15px;opacity:0;animation:.5s ease-out 2s forwards containerFadeIn}@keyframes containerFadeIn{to{opacity:1}}.blob-container{position:relative;cursor:pointer}.hr-line::after,.transition-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.blob{width:300px;height:300px;background-image:url("https://i.ibb.co.com/Kz6NmcX6/Picsart-. .jpg");background-size:cover;background-position:center;border-radius:70% 30% 46% 54%/30% 29% 71% 70%;animation:8s ease-in-out infinite morph,6s ease-in-out infinite float;box-shadow:0 30px 60px var(--shadow-dark),0 15px 30px var(--shadow-medium),0 5px 15px var(--shadow-light),inset 0 8px 16px rgba(255,215,0,.2),0 0 40px var(--gold-glow),0 0 80px var(--gold-glow-light);transition:.3s}.blob.hover-effect:hover{transform:scale(1.05) translateZ(20px);box-shadow:0 40px 80px rgba(0,0,0,.9),0 20px 40px rgba(0,0,0,.7),0 10px 20px rgba(0,0,0,.5),inset 0 10px 20px rgba(255,215,0,.3),0 0 50px rgba(255,215,0,.4),0 0 100px rgba(255,215,0,.2)}.blob.shake{animation:.5s ease-in-out shake,.5s ease-out .5s forwards fadeOutBlob}@keyframes morph{0%,100%{border-radius:70% 30% 46% 54%/30% 29% 71% 70%;transform:scale(1)}25%{border-radius:30% 70% 70% 30%/30% 30% 70% 70%;transform:scale(1.05)}50%{border-radius:63% 37% 54% 46%/55% 48% 52% 45%;transform:scale(.95)}75%{border-radius:40% 60% 60% 40%/60% 30% 70% 40%;transform:scale(1.02)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-25px)}}@keyframes shake{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(10px)}}@keyframes fadeOutBlob{to{opacity:0;transform:scale(.8)}}.transition-loader{opacity:0}.hr-line,.info-card,.social-icon,.social-icon i{position:relative}.transition-loader.show{opacity:1;animation:.3s ease-out fadeInLoader}.transition-loader.fade-out{animation:.5s ease-out forwards fadeOutLoader}@keyframes fadeInLoader{from{opacity:0}to{opacity:1}}@keyframes fadeOutLoader{from{opacity:1}to{opacity:0}}.profile-card{background:linear-gradient(145deg,var(--card-bg-primary),var(--card-bg-secondary));backdrop-filter:blur(25px);border:1px solid var(--card-border);border-radius:20px;padding:30px;max-width:650px;width:100%;box-shadow:0 40px 80px rgba(0,0,0,.7),0 20px 40px rgba(0,0,0,.5),0 10px 20px rgba(0,0,0,.3),inset 0 2px 4px rgba(255,215,0,.2),inset 0 -2px 4px rgba(0,0,0,.3),0 0 60px var(--gold-glow-light);opacity:0;transform:translateY(30px) translateZ(-20px);color:var(--text-primary);margin:20px 0}.profile-card.show{animation:.8s ease-out forwards cardFadeIn}@keyframes cardFadeIn{to{opacity:1;transform:translateY(0) translateZ(0)}}@keyframes cardFadeOut{from{opacity:1;transform:translateY(0) translateZ(0)}to{opacity:0;transform:translateY(30px) translateZ(-20px)}}.profile-header{text-align:center;margin-bottom:20px}.profile-name{font-size:2rem;font-variant:small-caps;margin-bottom:8px;background:linear-gradient(90deg,var(--primary-gold),var(--primary-gold-light),var(--primary-gold),var(--primary-gold-light),var(--primary-gold));background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:2s ease-in-out infinite shimmer}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}.profile-title{font-size:1rem;color:#000;margin-bottom:3px;-webkit-text-stroke:0.5px var(--primary-gold);text-stroke:0.5px var(--primary-gold)}.hr-line{height:1px;background:linear-gradient(90deg,transparent,var(--gold-glow),var(--primary-gold),var(--gold-glow),transparent);margin:15px 0;border-radius:1px}.bio-section,.info-grid{margin-bottom:20px}.hr-line::after{content:'';width:8px;height:8px;background:var(--primary-gold);border-radius:50%;box-shadow:0 0 10px rgba(255,215,0,.5)}.info-card::before,.social-icon::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;transform:translate(-50%,-50%);z-index:0}.bio-text{font-size:.85rem;line-height:1.5;color:var(--text-secondary);text-align:center;font-weight:700}.info-icon,.info-label{color:var(--primary-gold)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:15px}.info-card{background:linear-gradient(145deg,rgba(0,0,0,.4),rgba(26,47,26,.4));border:1px solid rgba(255,215,0,.2);border-radius:12px;padding:16px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 8px 16px rgba(0,0,0,.4),0 4px 8px rgba(0,0,0,.3),inset 0 1px 2px rgba(255,215,0,.1),inset 0 -1px 2px rgba(0,0,0,.2)}.info-card::before{background:radial-gradient(circle,rgba(255,215,0,.4) 0,rgba(255,215,0,.2) 40%,transparent 70%);border-radius:50%;transition:.6s;opacity:0}.info-card.ripple::before{width:400px;height:400px;opacity:1;transition:.6s}.info-card.ripple-out::before{width:500px;height:500px;opacity:0;transition:.4s}.info-card.hover-effect:hover{transform:translateY(-8px) translateZ(10px);box-shadow:0 20px 40px rgba(0,0,0,.6),0 10px 20px rgba(0,0,0,.4),0 5px 10px rgba(255,215,0,.3),inset 0 2px 4px rgba(255,215,0,.2),inset 0 -2px 4px rgba(0,0,0,.3);border-color:rgba(255,215,0,.4)}.info-card-content{display:grid;grid-template-columns:40px 100px 1px 1fr;align-items:center;gap:12px;width:100%;position:relative;z-index:1}.info-icon{font-size:1.5rem;text-shadow:0 2px 4px rgba(0,0,0,.5);text-align:center}.info-label{font-size:.8rem;font-weight:600;text-align:left}.info-divider{width:1px;height:32px;background:var(--primary-gold);justify-self:center}.info-value{font-size:.9rem;color:var(--text-primary);font-weight:500;text-align:left}.social-section{text-align:center}.social-icons{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.social-icon{width:45px;height:45px;background:linear-gradient(145deg,rgba(255,215,0,.15),rgba(255,215,0,.25));border:2px solid var(--gold-glow);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:var(--primary-gold);text-decoration:none;box-shadow:0 6px 12px rgba(0,0,0,.4),0 3px 6px rgba(0,0,0,.3),inset 0 1px 2px rgba(255,215,0,.2),inset 0 -1px 2px rgba(0,0,0,.2)}.social-icon::before{background:radial-gradient(circle,rgba(255,215,0,.5) 0,rgba(255,215,0,.3) 40%,transparent 70%);border-radius:50%;transition:.6s;opacity:0}.social-icon i{z-index:1}.social-icon.ripple::before{width:100px;height:100px;opacity:1;transition:.6s}.social-icon.ripple-out::before{width:120px;height:120px;opacity:0;transition:.4s}.social-icon.hover-effect:hover{transform:scale(1.15) rotate(5deg) translateZ(5px);background:linear-gradient(145deg,rgba(255,215,0,.25),rgba(255,215,0,.35));box-shadow:0 12px 24px rgba(0,0,0,.5),0 6px 12px rgba(255,215,0,.3),inset 0 2px 4px rgba(255,215,0,.3),inset 0 -2px 4px rgba(0,0,0,.3)}@media (max-width:768px){.blob{width:250px;height:250px}.profile-card{padding:25px 20px;margin:15px;max-width:550px}.profile-name{font-size:1.8rem}.info-grid{grid-template-columns:1fr;gap:12px}.container{padding:10px}}@media (max-width:480px){.blob{width:200px;height:200px}.profile-name{font-size:1.6rem}.profile-card{padding:20px 15px;max-width:400px;margin:10px}.social-icons{gap:12px}.social-icon{width:40px;height:40px;font-size:1.1rem}.info-card{padding:15px}}.hidden{display:none}